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

Home Forums Support Mobile Off-canvas menu in top right corner

  • This topic has 5 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1018373
    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

    #1018584
    David
    Staff
    Customer Support

    Hi there,

    maybe this CSS will do:

    @media(max-width: 768px) {
        .main-navigation {
            position: absolute;
            top: 20px;
            right: 0;
        }
    }
    #1018601
    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

    #1018605
    David
    Staff
    Customer Support

    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

    #1018948
    Mikkel

    Thank you – it worked!

    #1018984
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.