Support » Theme: GeneratePress » Mobile burger menu

  • Hi. I have searched these forums for mobile menu help but have not seen what’s closest to what i’m looking for. My site has a scrolling floating menu which covers the whole width. I need it to be somewhere at the top right corner as a burger menu. Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Leo

    (@leohsiang)

    Hi there,

    Not sure what you mean?

    So you need the menu toggle on the right of site title? What about the search icon?

    I get a menu bar which fits the screen but i need just the menu icon(burger icon) and probably the search icon as well though not necessary.

    Theme Author Tom

    (@edge22)

    The easiest way to do this is to use the Mobile Header in GP Premium.

    Otherwise, you can do this:

    @media (max-width: 768px) {
        button.menu-toggle {
            position: absolute;
            width: auto;
            top: 0;
            right: 50px;
        }
    
        #site-navigation {
            clear: none;
        }
    
        .site-branding {
            float: left !important;
            clear: none !important;
        }
    
        .mobile-bar-items {
            position: absolute;
            top: 0;
            right: 0;
        }
    }

    However, it likely won’t work, as your site title/tagline are way too long for mobile.

    Let me know 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile burger menu’ is closed to new replies.