Archived topic
sticky hamburger menu
12 replies · Started by Klaus on October 23, 2020
what is the best way to create a sticky and permanent menu with hamburger look?
I change the pixel size to 6000 to get a perm ant hamburger and then
I fixed the syg icon via css
.gp-icon svg {
position: fixed;
}Are there better solutions
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Hi Leo,
the wordpress is on a localhost. I try to activate another URL. Then you will get the link to it.
Hi Leo,
in the prviate field is now an url for checking
Hi Klaus,
not seeing the URL in the private field.
Can you add it to the box in your reply to this.
Go to Customizer > Layout > Header and below the Mobile Header - enable Mobile Sticky Header.
Hi David,
thanks for that. What is the css-code to get this menu more on the right side and littebit more above of the top
Sorry can you explain a bit more?
Everything is nicely aligned with what I can see currently:
https://www.screencast.com/t/6478XEFW2EBH
Is that not what you are seeing?
Sorry Leo,
meanwhile, I changed the theme. But now I refer to the right theme. The hamburger menu is now sticky but when I scroll down the hamburger menu jumps a littlebit to the left. I would like to have the hamburger menu more at right side, during down-scrolling
Try using this option:
https://docs.generatepress.com/article/navigation-as-a-header/
thanks for that
No problem :)
