[Resolved] Submenu position

[Bernhard]

Hi there,
I need help with a submenu position. On this site the menu is
Fotografia > Ritratti > subitems and the subitems are on the right outside of the view.
Is it possible to position the submenu items below “Ritratti”?
Thank you

[David]

Hi there.

try adding this CSS>

@media (min-width: 769px) {
    .main-navigation:not(.toggled) ul ul li>ul {
        left: unset !important
    }

    nav:not(.toggled) ul ul .dropdown-menu-toggle:before {
        transform: rotateZ(90deg)
    }
}

[Bernhard]

Perfect, thank you 🙂

Just one question: at “Fotografia” the navigation trembles on hover. Is it possible to improve this?

[David]

Just a suggestion… it would be better to change the Sub Menu to open on Click ( in Customizer > Layout > Primary Navigation ). It should fix that issue, and it makes for a better UX.

Let me know if thats an option

[Bernhard]

Hi David,
it would be ok to change the dropdown setting.

I tried to change the navigation dropdown to click-menu and click-arrow, but in both cases the submenu overlays the other menu items. Screenshot

In the navigation are two other menu items with submenus, music-> and fotografia->ritratti-> and these two have no tremble.

[Fernando]

Hi Bernhard,

Can you try setting it again to click-menu or click-arrow again? We’ll check what’s occurring and see what needs to be done.

[Bernhard]

Hi Fernando,
I made a staging site with click-menu.

[Fernando]

Thank you!

Can you try adding this through Appearance > Customize > Additional CSS?:

.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover ul.sub-menu.toggled-on {
    position: static;
}

Let us know how it goes.

[Bernhard]

Perfect, thank you 🙂

[Fernando]

You’re welcome, Bernhard! 🙂

[Author]

Posts