Hi there!
The mobile version of our website (brockpress.com) has a major problem. When the mobile version is first loaded, the mobile menu button on the upper left does not display when clicked. The photos below show what happens when the menu button is clicked.
mobile version of brockpress.com
hm that’s not right
However, when a different page other than the home page is loaded, the menu button does work as it should.
how it should look
After a lot of debugging, a solution I came up with was to redirect users from the mobile version of the homepage (brockpress.com) to the actual URL of the mobile version of the page (brockpress.com/home-mobile) if the homepage (brockpress.com) is loaded on a device using a mobile OS. To avoid any issues, I also added a redirect so that if the mobile page URL (brockpress.com/home-mobile) is loaded on a desktop OS, it will redirect to the normal homepage (brockpress.com). Images below show the redirect plug-in I used and the essentials of how I did it.
Now you may think that should work fine, in fact images loaded much faster on brockpress.com/home-mobile than brockpress.com on mobile as well, however the redirect plug-in I’m using is buggy and not optimized for redirecting based on mobile or desktop. So sometimes it works and sometimes it doesn’t.
I’ve found no other plug-in that does the same thing or works as well.
TL;DR: I need help either fixing the mobile menu button so it works every time or finding a way to redirect to the mobile homepage URL on mobiles only every time.
Hello,
I recommend not using a plugin to redirect; maybe the menu is not working because there is a plugin conflict or you have some misconfiguration.
Also, if you have created a mobile page, then please make sure that you have set the right menu for it.
Also, did you configure the cache plugin to enable mobile cache?
Thank you!
Hi,
Your issue is different for this issue, you have a modal popup, and you probably deleted the page that was assigned there -> https://forum.tagdiv.com/modal-popup/
Thank you!
Hi there! I’m now using Jetpack Boost to clear cache but there’s been no change. I checked and I am using all the right menus but it is the same issue. The menu button still does not work when the home page loads for brockpress.com on mobile. I can’t seem to find any other plug-in that would be interfering.
Is there anything else I could try?
Hello,
Please deactivate the jetpack boost. Please let only tagdiv plugins be enabled and check after.
Thank you!
WOW!
It’s working perfectly now! And it solved a few other issues. I wish I had given feedback to Jetback to know that their plug-in is crap.
Anyways, thank you so much!!
