Good day. The search and hamburger menu buttons in my header are not working properly. They function correctly on the desktop site, but fail to work on mobile devices at certain screen widths. When I set the screen width to 828px in DevTools, clicking these buttons doesn't open the search menu or hamburger menu. However, if I make the screen width smaller, they work fine. I've also noticed that at larger screen widths, clicking the search button adds a "#" symbol to the URL, making it look like this: https://justtmd.com/#
The issue is caused by the JS optimization settings in the FlyingPress plugin. This feature compresses and parses the JavaScript content, but in this case, it resulted in incorrect syntax, preventing the JS functions from working properly.
Please try disabling this option, then clear all site caches and browser caches before checking again.
Good day. The search and hamburger menu buttons in my header are not working properly. They function correctly on the desktop site, but fail to work on mobile devices at certain screen widths. When I set the screen width to 828px in DevTools, clicking these buttons doesn't open the search menu or hamburger menu. However, if I make the screen width smaller, they work fine. I've also noticed that at larger screen widths, clicking the search button adds a "#" symbol to the URL, making it look like this: https://justtmd.com/#
What should I do?
Hi,
The issue is caused by the JS optimization settings in the FlyingPress plugin. This feature compresses and parses the JavaScript content, but in this case, it resulted in incorrect syntax, preventing the JS functions from working properly.
Please try disabling this option, then clear all site caches and browser caches before checking again.
Regards,
PenciDesign.
All is working, thank you