Archived topic
Position Hamburger menu to yhe left and above website icon
9 replies · Started by eran on August 15, 2022
Hi,
How can i change my hamburger menu to the left and make it above my website icon?
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
Sure.
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;
}
}
Thanks it work.
how can i make it on the left side and make the "Menu" text disappear?
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/
I dont see the option to disable the menu text
Is the menu plus module activated?
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules
Thanks!
on mobile my website is wider than screen.
do you know why and how can i fix it?
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?