Site logo

[Resolved] Navigation Dropdown without “over” effect

Home Forums Support [Resolved] Navigation Dropdown without “over” effect

Home Forums Support Navigation Dropdown without “over” effect

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2500416
    Marc

    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 !

    #2500417
    Marc

    sorry I answer too quickly withouts my url : https://ooblik.com/

    thank’s!

    #2500507
    David
    Staff
    Customer Support

    Hi there,

    can you explain the “over” issue ?

    And for the logo, what would happen on Mobile ?

    #2500525
    Marc

    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 !

    #2500526
    Marc

    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

    #2500848
    Fernando
    Customer Support

    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.

    #2501350
    Marc

    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

    #2501385
    David
    Staff
    Customer Support

    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;
    }
    #2501436
    Marc

    it’s PERFECT ! thank’s a lot David, your are top !

    #2501457
    David
    Staff
    Customer Support

    Glad to be of help!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.