Mobile menu not full screen

Justin Kruit
(@justinkruit)

3 years, 1 month 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, 1 month 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, 1 month 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, 1 month 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, 1 month 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.