Archived topic
Navigation Dropdown without "over" effect
9 replies · Started by Marc on January 18, 2023
hello,
I try to have a left Primary navigation menu with over effect for sub-menu (and sticky...) but the over effect doesn't work correctly.
idealy I need the logo header and the primary navigation both on the left side.
thank's for your help for fixing this !
sorry I answer too quickly withouts my url : https://ooblik.com/
thank's!
Hi there,
can you explain the "over" issue ?
And for the logo, what would happen on Mobile ?
Hi david, sorry I mean the "hover" effect, just showing first level of the menu, then when you are hover you see the sub-level :
like this : 
and THANK's for your quick answer !
here it's a menu in a widget in the left sidebar, If we need to change this it's ok for me of course
Hi Marc,
Can you first set the Navigation Location of your Primary Nav to the left sidebar in Appearance> Customize > Layout > Primary Navigation? Reference: https://docs.generatepress.com/article/navigation-location/
Let's see how it goes and what needs to be done next afterward.
Hi Fernando,
in fact it's already this left sidebar layout...
I "clean" the cache of the Additional CSS section and the menu with the Hover effect works!
But, I want that the hover effect is a like drop-downs not on the right side...
like this : 
I don't find how to do that, thank's for your help
Can i suggest that instead of Hover, use the Click Option.
The Hover method on vertical menus creates a bad UX.
You can test it by adding this CSS:
.main-navigation ul ul {
position: static !important;
width: calc( 100% - 20px) !important;
}
it's PERFECT ! thank's a lot David, your are top !
Glad to be of help!