[Support request] Mobile menu placement after Page Header?

Home Forums Support [Support request] Mobile menu placement after Page Header?

Home Forums Support Mobile menu placement after Page Header?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #596001
    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

    GeneratePress 2.1.2
    GP Premium 1.6.2
    #596049
    Leo
    Staff
    Customer Support

    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 🙂

    #596392
    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.