Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

burger for desktop menu

  • Hi 🙂

    i want to have the burger icon (with open / close) also for desktop.
    the menu should have the desktop styling/funktion.

    then, the mobile menu should be at 767px

    how can i do this?

    Thx

  • Hi there,

    just to confirm the requirement

    You want to keep the horizontal desktop menu but have it show / hide using a Hamburger toggle ?

  • Hi there,

    1. set the mobile break point to 9999999999 at customizer > layout > primary navigation.

    2. add this CSS:

    @media(min-width: 768px) { 
    .main-navigation.toggled .main-nav >ul {
        display: flex;
        flex-direction: row;
    }
    
    .main-navigation.toggled .main-nav li {
        width: fit-content;
    }
    }
  • hi 🙂

    this is not enough, see here: https://wordpress-1092774-4673246.cloudwaysapps.com/
    also i have no more hover, there is a click event on for the subnavigation.

    i like to have no mobile behavior on desktop

    any solution ?

    thx

  • i made a solution with css.

    no one thing is left:
    i want to remove the click event on the dropdown, it shoudld only be done by hover

    maybe you can help me here.

    thx so far (y)

  • Thats a tricky one, as the hamburger toggle wasn’t designed to be hovered.
    And how would the menu close ?

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