Archived topic
Automatically Open Submenus on the Left for Rightmost Menu Items
7 replies · Started by litesprint on February 20, 2020
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.
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?
It's now working as intended with the CSS and the custom class.
Great to hear :)
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.
Hi there,
Give this a shot:
.dropdown-hover .open-left .sub-menu .dropdown-menu-toggle .gp-icon svg {
transform: rotate(90deg);
}Perfect! Thanks Tom!
You're welcome :)
