Archived topic
Mobile Menu Not Working After Clearing Cache
6 replies · Started by Chris on May 24, 2021
My mobile menu is not working properly: https://calledtowander.com/
I disabled the cache plugin and it still seems to be the same.
I have a screenshot if I can share that shows it is set to display: none;
Here’s the code
<nav id=”generate-slideout-menu” class=”main-navigation sildeout-navigation offside offisde–left is-open” itemtype=”https://schema.org/SiteNavigationElement” itemscope style=”display: none;”>…</nav>
Hi there,
the inline style display: none isn't part of the GP Off Canvas markup or javascript. The onClick event toggles a HTML/Body class for displaying that element. So some other plugin / function is adding that attribute. I see some other errors in the console related to the WP Gear Speed (?) Plugin - i am not sure what that is - but maybe a good place to start.
OK, the plugin is deactivated while we look for the conflict with WP Geared.
The issue appears to be related to the ConvertKit plugin that I am using on our website. When it is active the menu does not work but when we deactivate the ConvertKit plugin the menu works fine.
Do you have any assistance in this regard? I'm sure we're not the only GeneratePress users with ConvertKit. Thanks!
I know quite a few user who run convertKit and we haven't seen it affect the behaviour of the theme.
Generally this kind of issue is cache optimization related or when a code has been added in the wrong place. If one script breaks it can stop subsequent scripts from firing.
Out of interest what is WP Geared ? I haven't come across that before.
I am working with my developer to fix things. From what you said he has checked the code and we are able to load the menu now. But it loads very slowly and you are not able to click the menu to drop down for 4-5 seconds.
We disabled all optimization plugins and other plugins so it is just GeneratePress Premium, GenerateBlocks, Generate Blocks Pro and ConvertKit.
Can you help with this issue?
Get your developer to look at the network waterfall of the site in the developers tools - i ran a WebPageTest which provides the same info here:
Aside of the 2 x CSS sheets which are 404in that need fixing - you will see theres a huge list of JS files being loaded before the main.js file of the GP Theme - all of those additional scripts are delaying the load of the that file which is required for the menu toggle to work ( amongst other things ).
In addition to this if i check the source code - the script tags have been modified - for example the main.js:
<script src="https://calledtowander.com/wp-content/themes/generatepress/assets/js/main.min.js?screx=1&sxcb=163a&ver=3.0.3" id="generate-main-js" ez-screx="true"></script>
This query string: ?screx=1&sxcb=163a&ver=3.0.3 and this attribute ez-screx="true" have been added by another function - probably the Ezoic server (?) optimizations.
The majority of those JS files are not being generated by GP at most you may see 3 JS files being loaded by the Theme, and GB doesn't have any static CSS files and does not load JS.... so unless ConvertKit is requesting them I would look at whats happening on the server
