[Support request] Mobile menu placement after Page Header?

[Andy Brunner]

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

[Leo]

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 🙂

[Andy Brunner]

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

[Author]

Posts