Can’t get submenu item to open to the side

I have a submenu item that currently opens up beneath the parent item, but when it does it covers the next item in the parent menu. I am trying to get this one specific menu item to open to the left instead of below, but have been unsuccessful. I added “open-left” to the css classes field to this item in my menu and added the below css, but it did not did not seem to work.

.main-navigation .main-nav ul .open-left ul > a {
padding-left: 0;
padding-right: 20px;

.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
float: left;
padding-left: 20px;
padding-right: 15px;

.main-navigation .open-left .children .dropdown-menu-toggle:before,
.main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
content: “f104”;

The menu item I am trying to manipulate is “Parker Transair” found under Motion & Control > Fluid Connectors.

  • This topic was modified 3 days, 11 hours ago by asal3.

The page I need help with: [log in to see the link]

Source link