Archived topic
Mobile Menu is not working
7 replies · Started by Mary on May 2, 2021
Hi,
My mobile menu is not working/showing/clickable. I've checked other forum thread and followed the tips there but it still didn't work. Things I've done:
1. Deactivated all plugins one by one
2. When I deactivate the plugin Pagespeed Ninja, the menu on mobile will show as a regular menu (like desktop) instead of a toggle
3. I set Off Canca Panel as mobile only, I can finally click the menu options and the menu will slide down on the left but no content will show. I've made sure the colours of background and text are changed (black and white colours)
4. I've also added this on CSS but still nothing:
.slideout-overlay {
background-color: rgba(0,0,0,.4);
}
I attached my URL on the form below.
Thanks a lot,
Mary
Hi there,
Does this help?
https://docs.generatepress.com/article/off-canvas-panel-overview/#empty-off-canvas-navigation
Let me know :)
Hi Leo,
I followed the instruction to checkmark the Off-Canvas Menu on Appearance>Menu. However, now, the mobile menu doesn't show as drop-down or even as Off Canvas, instead, it just shows as regular menu options like on desktop.
Hi there,
Can you check on Appearance > Customize > Layout > Primary Navigation and tell us what "Mobile Menu Breakpoint" is assigned?
Also, can you check on Appearance > Customize > Layout > Off-Canvas Panel if it's set to ON?
Let us know.
Hi Elvin,
Mobile Menu Breakpoint: 0
Off-Canvas Panel is set to mobile-only
Hi there,
by setting Mobile Menu Breakpoint to 0 your telling the mobile menu to display when the device width is 0px - which means it will never display. Increase the breakpoint - the default value is 768px.
Hi David,
Oh wow! Sorry that was silly! I didn't know. It's now fixed. Thanks so much for the help!!
Glad to be of help
