[Support request] Position Hamburger menu to yhe left and above website icon

[eran]

Hi,
How can i change my hamburger menu to the left and make it above my website icon?

[Fernando]

Hi Eran,

Can you share the link to your site? We’ll check your current layout and see what approach you would need to take.

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[eran]

Sure.

[Fernando]

Hi Eran,

You can try adding this CSS in Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    body {
        display: flex;
        flex-direction: column;
    }

    nav#site-navigation {
        order: -1;
    }
    .main-navigation .menu-toggle {
        text-align: left;
    }
}

[eran]

Thanks it work.
how can i make it on the left side and make the “Menu” text disappear?

[Leo]

Edited the CSS above:
https://generatepress.com/forums/topic/position-hamburger-menu-to-yhe-left-and-above-website-icon/#post-2314021

The menu text can be removed in the customizer:
https://docs.generatepress.com/article/mobile-menu-label/

[eran]

I dont see the option to disable the menu text

[Leo]

Is the menu plus module activated?
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules

[eran]

Thanks!
on mobile my website is wider than screen.
do you know why and how can i fix it?

[Fernando]

I can’t seem to replicate the issue from my end? Can you try clearing cache, and if that doesn’t work, try viewing it on a different device to test?

[Author]

Posts