OK, first and foremost let’s try to identify what is breaking the mobile menu by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be 🙂
frank
I did a test: if I disable the javascript optimization the menu will work again!
OK great, now when JavaScript optimization is active, do you see errors on the browser console?
No errors in console with JavaScript optimization active
OK, had a closer look and I think you’ll have to:
1. disable JS & CSS optimization in WP Fastest Cache (having two plugins to CSS/ JS optimization can cause conflicts)
2. make sure jquery.min.js and wp-content/plugins/header-footer-elementor/inc/js/frontend.js are excluded from Autoptimize
3. make sure both JS files are also excluded from Async JavaScript
4. clear your page cache to make sure you see the result of the updated settings.
let me know how that works out! 🙂
i followed the steps you told me and it works!
on page speed insights the mobile version went from 49 to 74 evaluation. How can I further improve the speed?
Thanks for your valuable work!
well, the most important opportunity seems to be “Eliminate render-blocking resources”, so I’d suggest to have a look at the “remove render-blocking CSS” option, using either the “above the fold CSS” field or (better) create rules on the “critical CSS” tab or (better still) sign up for a criticalCSS.com account and enter the API key to have the rules created automatically for you? 🙂
