[Resolved] Mobile Menu always on the right, never drops under the Site Branding

[Markus]

Hello Vancouver Island!
Some help wanted, please.

Customer wants the Main menu / Mobile always on the right, should never drop below the branding.

Any chance to do this with GP?

Thank you again for this extraordinary theme.
I do all new websites with GP … and migrate the others.
😉

Markus

GeneratePress 2.2.2

GP Premium 1.7.8

[Tom]

Hi there,

Give this a shot:

@media (max-width: 768px) {
    .site-header {
        text-align: left;
    }

    button.menu-toggle {
        position: absolute;
        top: 40px;
        right: 12%;
        width: auto;
    }

    .main-navigation .inside-navigation {
        position: static;
    }
}

@media (max-width: 500px) {
    .site-branding {
        max-width: 70%;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Markus]

Tom,

super. This is it.
Got you another coffee … or package of diapers?

A big thank you from Berlin.

Markus

[Tom]

Thank you! Really appreciate that. Coffee is much needed 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts