Archived topic
CSS/JavaScript issue after installing Perfmatters
5 replies · Started by Parker on October 21, 2022
I recently integrated a plugin called perfmatters to control css files a bit easier to cut down on bloat. When setting it up, I enabled things like "Defer JavaScript" and other various settings. I figured it would break the site, but the only thing that seemed to occur was a random white block at the bottom the page under my footer. Any idea how to remove this on my site (athleticinsight.com)? I do have the ability to individually edit which pages have JavaScript loaded with async, defer etc., but I wanted to see if there was an easier way to just remove this somehow.
Hi there,
that space is being generated by those optimizations messing with the display of the Off Canvas panel.
Are you using the Off Canvas on your site ? As i cannot see where.
Not that I am aware of but I am not too sure.
Go to Customizer > Layout > Off Canvas, is the option enabled ?
Currently for mobile only and set to Overlay style
The plugin messed up the navigation JS, so the off canvas menu would not show on mobile, and leave a blank white box at the bottom of the site.
If the off canvas menu is not necessary, you can disable it to avoid this issue.