[Support request] Mobile menu positioning

Home Forums Support Mobile menu positioning

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #355087
    Gillian

    Is it possible to move the hamburger menu up into the mobile header? I’ve got my site title etc hidden and have an image in the mobile header floated to the left at the moment. I want the hamburger menu to be on the right in line with the image.

    At the moment I’ve got some php in my child theme:

    add_action( 'generate_inside_mobile_header','tu_mobile_header_html' );
    function tu_mobile_header_html() { ?>
        <div class="mobile-header-content" id="shefford-header">
       <p> Opening hours: Mon - Fri: 9:00 - 5:30, Sat: 9:00 - 12:00<p>
        </div>
    
    <?php }
    

    Thanks

    GeneratePress 1.3.48
    GP Premium 1.3.1
    #355251
    Leo
    Staff
    Customer Support

    Hi there,

    Not quite sure what you mean?

    If you are using mobile header, it allows you upload a mobile header logo and the menu toggle should be inline with the logo on the right: https://docs.generatepress.com/article/mobile-header/

    If this doesn’t work can you provide a link to your site?

    Thanks!

    #355342
    Gillian

    Hi Leo

    It works OK in the mobile header until I add the php in my original post. Then the hamburger menu appears below the text which has been added, whereas I want it to appear above it in line with the mobile header logo.

    Site is
    http://devel.sheffordosteo.com/

    I’ve only just started on it so the rest of the page layout is rubbish on the desktop, etc. It’s just the header I’m concerned with at the moment.

    Thanks

    #355487
    Leo
    Staff
    Customer Support

    Doesn’t look like there is enough room in the mobile header for that content.

    Try adding it in the After Header hook:
    https://docs.generatepress.com/article/hooks-overview/
    http://demo.generatepress.com/hook-locations/

    Then we can hide it on desktop with built in classes. So try something like this in the hook:

    <div class="open-hours hide-on-desktop hide-on-tablet" id="shefford-header">
       <p> Opening hours: Mon - Fri: 9:00 - 5:30, Sat: 9:00 - 12:00</p>
    </div>

    Let me know if this works.

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