[Resolved] Automatically Open Submenus on the Left for Rightmost Menu Items

[litesprint]

What the title says, because otherwise it cuts off parts of the submenu dropdown on most common resolutions.

This is a manual solution (and didn’t work): https://docs.generatepress.com/article/navigation-dropdown/#opening-specific-sub-menus-to-the-left

Was wondering if it can be done automatically like many other themes.

[Tom]

To do this automatically, it would require constant javascript listening, which isn’t good for performance at all.

It’s much better performance-wise to use the manual method outlined in that article. Is the CSS still active on your site?

[litesprint]

It’s now working as intended with the CSS and the custom class.

[Tom]

Great to hear 🙂

[litesprint]

Hi,

After switching to SVG based icons from font icons, the icons for the right-most submenu items are changed. Didn’t change anything in the CSS. In other words, the arrow is now pointing towards the right instead of left.

[Tom]

Hi there,

Give this a shot:

.dropdown-hover .open-left .sub-menu .dropdown-menu-toggle .gp-icon svg {
    transform: rotate(90deg);
}

[litesprint]

Perfect! Thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts