Archived topic
Mobile menu placement after Page Header?
2 replies · Started by Andy Brunner on June 9, 2018
I have a site where I need a slide show at the very top. Therefore, I disabled the normal header and added a page header (GP Premium) with a slide show. The navigation is done thru the left sidebar.
This works fine, except that on mobiles, the centered hamburger menu is added to the top. Can I
a) move the hamburger menu after the page header?
b) align the the hamburger menu to the left?
URL: http://workinprogress.jsbag.ch
Thank you for your excellent code and support!
Andy
Hi Andy,
Instead of using page header, try adding the slider to Before Header hook here so it will always be on top:
https://docs.generatepress.com/article/hooks-overview/
You can use conditional statement if you only need that slider on home page:
https://docs.generatepress.com/article/using-hooks-conditional-tags/#static-front-page
Then this CSS should align menu to the left:
button.menu-toggle {
text-align: left;
}Let me know if this helps :)
The placement of the mobile menu worked fine - Thank you!
Unfortunately, I need a different slide show on every page. Therefore I cannot use the GP Hooks to show them. But I think the customer will accept that the mobile menu is below the slide show.
Again, thanks for your support.
Andy
