Hello,
I’m writing to see if anyone has experienced this and can provide some tips we could use to troubleshoot.
At some point, the mobile menu and mobile search button stopped working, when our site is viewed on a phone. (Viewing the page in responsive/mobile view on a desktop Chrome/Firefox works fine.)
The odd thing is, the menu/search button works on most single article pages, but not on pages which include blocks listing video stories. (We found this by deleting blocks one by one, until we found that blocks with video seem to ‘break’ the link to the mobile menu.)
Example can be found on https://www.caymancompass.com, where the search or menu buttons do not respond to touch. This means that when the home page is viewed on a phone (android or iPhone), the buttons for menu and search do nothing.
We are using the regular theme, not the mobile theme plugin.
We have other sites using this theme, without these problems. We cannot find any obvious differences though.
Our live site is still at Newspaper 7.3, due to some custom code required by the boss, which needs to be rebuilt to work with themes newer than 7.5. Any hints (that don’t involve full upgrade to 8.7+) would be appreciated.
We tried: turning off Autoptimize and WP SuperCache, clearing cache in Cloudflare, upgrading to the latest visual composer, downgrading visual composer, turning off some plugins we added, removing and replacing blocks on home page, commenting out CSS, taking out Javascript and/or CSS from Autoptimize.
It could be something simple we missed. Any hints would be appreciated.
Unfortunately since you use a very old version of the theme it is hard to say why this happens. it could be a large number of things. The primary one being, you most likely updated everything around the theme except for the theme. Meaning WordPress and plugins. As you can imagine this will create conflicts as code gets changed for plugins and not updating the theme will result in not getting the code needed for the proper compatibility.
You can make a test with just the page builder active. Disable all other plugins except the page builder and clear all caching. Also m, make sure you only use the version of VC provided in the theme package and not a later one.
Thank you!
I’m facing the same issue. Mobile menu doesn’t appear. I checked OPs site too, on the homepage, the menu and search doesn’t work.
@fametaxi That would be not related to your case, the theme used here is an older version (7.3), also there seem to be some javascript conflicts that could cause the issue
– https://www.screencast.com/t/eI0CUmgmc
Those conflicts could be caused by plugins, code entered in the theme panel, theme files or child theme.
Hello,
Thanks for the response Bogdan, Simon and fametaxi.
We were finally able to update the theme 8.7.1. We updated the theme and the plugins in the theme package, including Visual Composer.
We are still having trouble with the search and menu button on mobile, on our home page caymancompass.com. We did a test where we deactivated all plugins, then activated each plugin at a time, starting with Visual Composer.
Everything else works great. The only clues I have is that:
1. Images don’t show, (opacity 0) so the animation doesn’t fire. Currently, we have some CSS to override it until we find a fix.
and 2. when we tried to use Autoptimize to test if combining all javascript helped, the buttons worked again, but photo galleries did not. So, it’s something with js, but we’re stuck. I even added this line to css, as Mr. Google suggested, but still no luck:#td-top-mobile-toggle {
cursor: pointer !IMPORTANT;
}
The above solution did not work either.
Any advice would be appreciated. We will continue to troubleshoot.
ISSUE FIXED!
In our case, we finally discovered that a setting in cloudflare did this, not javascript files.
In cloudflare, it’s Mirage, under “Speed”.
Mirage states it should “Improve load time for pages that include images on mobile devices with slow network connections.”
So, we assumed it’s an image loading thing, nothing to do with Javascript.
We did all testing with Cloudflare in development mode, but this Mirage setting somehow is active, even in passthrough development mode.
Great work on the theme, and great customer service. This is why we continue to buy licenses and use this theme on other sites.
Just wanted to say thanks. I was having the same issue on my site. I have cloudflare as well. When I turned it off mobile menu and search bar are now functioning.
you’re welcome
