Site logo

Archived topic

Third level menu nesting

5 replies · Started by Erik on January 17, 2022

Viewing posts 1–6 of 6

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.

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;
}
This archived topic is closed to new replies.