I am experiencing inconsistent results trying to implement the hamburger menu on Kadence.
The hamburger menu works flawlessly when I test it on my desktop, in both the theme customization preview window or using Chrome dev tools. It also works on desktop Firefox.
But getting it to work on a mobile device is frustrating to say the least.
For the most part it will not work on the home page. I have to navigate to an article or category before the hamburger menu will function, and even then it doesn’t work consistently. And it’s not consistent across mobile browsers either—I’m using Chrome, Safari, and Ecosia. Sometimes it will work on one browser but not the other two, sometimes it works on two but not one, and rarely it will work on all three for a few minutes before it stops working altogether. Even after clearing the cache in the browsers, Ezoic, and Cloudflare, closing the site, closing the browsers, etc.
Google Analytics for WordPress by MonsterInsights
MailChimp Forms by MailMunch
I’ve deactivated/deleted every plugin I had except the above.
I don’t know if this is a result of the inconsistent mobile functionality, but the only design settings the Off Canvas menu does seem to work (on mobile) are the following:
– Layout: Full Width
– Animation: Scale
– Content Align: Right
– Content Vertical Align doesn’t seem to matter
If I try the Side Panel layout it works flawlessly on desktop but breaks on mobile (the site moves as if the menu is sliding out, but no menu slides out), even if I was just using Full Width without issue. If I try to use the Fade or Slice animation, same thing.
It all works perfectly on desktop.
This is the one thing standing between me and a Kadence subscription, because if the site can’t be mobile friendly, there’s no point in sticking with Kadence.
Are there other solutions in Kadence to making a mobile friendly menu?
The page I need help with: [log in to see the link]
- You must be logged in to reply to this topic.