Archived topic

Mobile Off-canvas menu in top right corner

5 replies · Started by Mikkel on September 25, 2019

Viewing posts 1–6 of 6

September 25, 2019 at 1:51 am #1018373

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

September 25, 2019 at 7:25 am #1018584

Hi there,

maybe this CSS will do:

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

September 25, 2019 at 7:42 am #1018601

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

September 25, 2019 at 7:45 am #1018605

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

September 25, 2019 at 11:55 am #1018948

Thank you - it worked!

September 25, 2019 at 12:37 pm #1018984

You're welcome

This archived topic is closed to new replies.

Start building better websites today.