Archived topic
Submenu position
9 replies · Started by Bernhard on February 20, 2023
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! :)