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.

GeneratePress GenerateBlocks

Hamburger menu on the left side and search icon on the right side

  • Nuuji
    February 19, 2024 at 3:46 am

    Hi,

    On mobile, I want to have the hamburger menu on the left side and the search icon on the right side (like in my reference screenshot).

    (I use navigation as a header)

    How can I do that?

    Thank you in advance!

  • David
    February 19, 2024 at 6:12 am

    Hi there,

    1. remove the mobile menu label in the Customizer > Layout > Primary Navigation.

    2. Add this CSS to your site:

    
@media(max-width: 768px) {
    nav.main-navigation.has-branding .menu-toggle {
        order: -1;
    }
    nav.main-navigation .navigation-branding {
        margin-inline: auto;
    }
    nav.main-navigation .menu-bar-items {
        flex: initial;
    }
}
  • Nuuji
    February 20, 2024 at 3:29 am

    Thank you so much David, it worked perfectly!

  • David
    February 20, 2024 at 4:53 am

    Glad to hear that!

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