[Resolved] Mobile Off-canvas menu in top right corner

[Mikkel]

Hi GeneratePress

I am using GeneratePress with Beaver Builder and a plugin called BB Header/Footer, where I can design the header and footer with Beaver Builder, so it disables the normal header and footer.
I need to have the off canvas menu in the top right corner on mobile, next to our logo (in the center). Is there any way to archieve this in GeneratePress?

Regards
Mikkel

[David]

Hi there,

maybe this CSS will do:

@media(max-width: 768px) {
    .main-navigation {
        position: absolute;
        top: 20px;
        right: 0;
    }
}

[Mikkel]

Hi David

Sorry it does not seem to work – nothing happens. Could it be that I should write something else because it´s the Off Canvas-menu and not the Primary-menu I want to move?

Regards
Mikkel

[David]

Its because you have pasted the CSS inside another CSS media query. Remove it and add it to the very top of the CSS to check its working

[Mikkel]

Thank you – it worked!

[David]

You’re welcome

[Author]

Posts