Mobile menu not full screen

  • Justin Kruit

    (@justinkruit)


    3 years ago

    I’ve been trying to get the mobile menu to work as an offcanvas from the body, and not from the div it’s in. But this just doesn’t seem to work, even with the “force full width” function on in the theme options.

    (Ignore the extra menu button on the top, it’s from our own theme with built in menu which we now don’t use)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author megamenu

    (@megamenu)

    3 years ago

    Hi Justin,

    Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    https://pastebin.com/raw/QfEwjffY

    Regards,
    Tom

    Thread Starter Justin Kruit

    (@justinkruit)

    3 years ago

    Hi Tom,

    Thanks for the quick response. It’s closer, but still not exactly. It’s now the full width of that div, but I meant that I’d like the offcanvas to be against the side of the screen.

    Plugin Author megamenu

    (@megamenu)

    3 years ago

    Hi Justin,

    Does it help if you disable the ‘force full width’ option? That shouldn’t be needed with the CSS above. If that doesn’t help, Please post a link to your site so I can take a look.

    Regards,
    Tom

    Thread Starter Justin Kruit

    (@justinkruit)

    3 years ago

    Hi Tom,

    Unfortunately that doesn’t change it. Here is a link of the website: https://soering.indivontwikkelt.nl/. The goal is that when you go into mobile view, the offvancas works just like the button on the top of the screen (our old navigation), having the offvanvas coming from the edge of the screen and not be confined to the header block.

    1 is the offcanvas behavior we want, 2 is the Max Mega Menu.

    Thanks for helping out!

    Regards,
    Justin

    Plugin Author megamenu

    (@megamenu)

    3 years ago

    Hi Justin,

    Thanks. I’ve never seen “filter” used that way. Please try adding this custom CSS to your theme:

    html.mega-menu-header-top-off-canvas-open .header {
    filter: none;
    }

    Regards,
    Tom

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile menu not full screen’ is closed to new replies.

  • 5 replies
  • 2 participants
  • Last reply from: megamenu
  • Last activity: 3 years ago
  • Status: not resolved