Archived topic
Off Canvas Panel Not Showing
5 replies · Started by William on November 10, 2021
I've set up the Off Canvas Panel to show on mobile (and tablet), and it's working fine in the Customizer.
However, when I test on my phone and using mobile view in dev tools, the panel won't open when I tap the hamburger menu icon.
I've assigned the Off Canvas Panel box to the desired menu ("Mega Menu" -- which is the same menu as my primary menu). And the Off Canvas Panel is set to Mobile Only in the Customizer > Layout > Off Canvas Panel.
Site details included.
Hi William,
WP Rocket on your site is messing w/ the functionality of the slideout/off canvas panel.
Can you try disabling some of WP Rocket's features and see what's breaking it?
Usually it's the "remove unused CSS" and/or "combine JS" feature.
Ah okay, yeah it looks like Remove Unused CSS was causing the issue.
I found this thread: https://generatepress.com/forums/topic/wp-rockets-remove-unused-css-breaks-off-canvas-menu/
And so, I tried excluding /wp-content/plugins/gp-premium/menu-plus/functions/css/offside.min.css as was recommended by David in that thread.
I think it worked... Can you confirm on your end if it works on your phone?
I can confirm it works on an Chrome - Android phone.
It should work on iOS devices as well as the nature of the issue isn't vendor specific. :)
Thanks!
No problem. :D
