[Support request] Mobile Hamburger Menu Location

Home Forums Support Mobile Hamburger Menu Location

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #967800
    Cynthia

    What settings in the “customize”area OR added css do I need to change/add to get the “mobile” hamburger menu to be in the upper right hand (or left hand) corner in lieu of the default middle location WITHOUT losing the company logo displayed as it is now.

    I have the company logo uploaded in the “Site Identity” area

    Screenshot pdf file will be emailed to support.

    Currently designing in GP Version 1.7.7

    #968135
    Leo
    Staff
    Customer Support

    Hi there,

    Can you give this CSS a shot?

    @media (max-width: 768px) {
        button.menu-toggle {
            position: fixed;
            right: 15px;
            top: 85px;
            text-align: right;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know 🙂

    #968198
    Cynthia

    Leo

    Thank you – that worked!

    So I also wanted to make the mobile hamburger larger. What is the CSS for that? without increasing my font size on the desktop navigation?

    Thanks

    #968493
    Tom
    Lead Developer
    Lead Developer

    Try changing the CSS Leo provided to this:

    @media (max-width: 768px) {
        button.menu-toggle {
            position: fixed;
            right: 15px;
            top: 85px;
            text-align: right;
            font-size: 25px;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.