Open Certain Menu To The Left

Hi Dave,

First add open-left to the Custom Classes field for the far right menu item:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

Then replace the CSS from the doc page with this:

.dropdown-hover .main-navigation ul .open-left ul {
    left: auto;
    right: 0;
}

.dropdown-hover .main-navigation ul .open-left ul ul {
    left: auto;
    right: 100%;
}

.dropdown-hover .main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a {
    padding-left: 0;
    padding-right: 20px;
}

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

.dropdown-hover .main-navigation .open-left .children .dropdown-menu-toggle:before, 
.dropdown-hover .main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
    content: "\f104";
}

Let me know.

Aw wow I should have known that. Thank you Leo!

Wasn't easy for me either haha You're welcome :)

Might I suggest this solution be added to the KnowledgeBase article referenced by the OP?

Navigation Dropdown

I came upon that great page yesterday, but it took quite a while using Search to find this more appropriate solution.

Thanks!

I agree :)

Done :)

Outstanding, thanks for the fast response.

Thanks for the suggestion :)

Hi Dave,

First add open-left to the Custom Classes field for the far right menu item:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

Then replace the CSS from the doc page with this:

This doesn't seem to work anymore when dropdown is set to the right in Customizer. Only the icon moves to the left, but the dropdown still opens to the right (and gets cut off). Reverted it back to the original.

Update: Works now. Used the CSS from the documentation article and added the custom class manually.

Hi there,

Any chance you can open a new topic for this as this one is really old?

Make sure to implement this method here and link us to the site in question if it still doesn't work:
https://docs.generatepress.com/article/navigation-dropdown/#opening-specific-sub-menus-to-the-left

Thanks :)