Archived topic
Third level menu nesting
5 replies · Started by Erik on January 17, 2022
On desktop for one of my dropdowns I would like to show the third level under the second level without the flyout.
Main Nav
- Subnav
---subitem
---subitem
- Subnav
---subitem
---subitem
The reason being is my last menu item has the third level flyout going offscreen for some desktops.
Hi Erik,
Any chance you can link us to the site in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
The reason being is my last menu item has the third level flyout going offscreen for some desktops.
In this case, can you try set the drop down direction to leftat customizer > layout > primary navigation?
That does solve the problem, Ying. Although I think I would rather have those items nested (no flyout)
If you insist on this, you'll have to set the Navigation Dropdown to click instead of hover:
Try this CSS:
.main-navigation ul ul ul {
position: relative;
}
.main-navigation:not(.toggled) ul ul li:hover>ul {
left: 0;
}