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 li.menu-item-has-children > 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.
The page I need help with: [log in to see the link]
