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?

    Thread Starter pmzhou

    (@pmzhou)

    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.