Site logo

Archived topic

Submenu position

9 replies · Started by Bernhard on February 20, 2023

Viewing posts 1–10 of 10

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

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)
    }
}

Perfect, thank you :)

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

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

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.

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.

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

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.

Perfect, thank you :)

You're welcome, Bernhard! :)

This archived topic is closed to new replies.