Site logo

Archived topic

Navigation Dropdown without "over" effect

9 replies · Started by Marc on January 18, 2023

Viewing posts 1–10 of 10

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 !

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 : left menu ooblik
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 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 : accordion drop-downs
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!

This archived topic is closed to new replies.