Can’t get submenu item to open to the side

  • Resolved asal3

    (@asal3)


    4 years, 5 months ago

    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.

    • This topic was modified 4 years, 5 months ago by asal3.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    A crude one off solution that only addresses that one item in this specific menu configuration:

    #menu-item-8059 ul.sub-menu {
    left: -225px !important;
    top: 0;
}

    Add to the Additional CSS panel of the customizer. It probably needs to be in a media query to prevent the rules from being applied to the mobile menu.

    Thread Starter asal3

    (@asal3)

    That did it, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t get submenu item to open to the side’ is closed to new replies.