Submenu not working for mobile

Support
#1

I have one submenu that is not opening on mobile. Works fine on desktop. I tried inserting this code into Theme Options/JS, but this did not help, it actually prevented all menus from opening.

jQuery(function($) {
$(’.x-sub-toggle’).on(‘click touchstart’, function(e) {
e.preventDefault();
$(this).toggleClass(‘x-active’).closest(‘li’).toggleClass(‘x-active’);
});
});

#2

Hey @ch1cago_hd,

Thanks for writing in. I see you have lots of submenus. Would you mind providing a screenshot of the specific submenu?

Thanks.

#3

Hi. Sorry to reply so late, I didn’t get a notification that you’d replied to my post. Thank you. I’ve uploaded an image. It’s the submenu "More Video Services"under Video Post-Production.

#4

Hi @ch1cago_hd,

Thank you for the clarification, but I can’t replicate the issue on my end, your site mobile menu works fine.

Is this issue specific to your mobile device? What device do you have and what browser do you use, let us know so we can try to replicate the issue.

Try clearing your browser’s cache and viewing the page in a different device.

Cheers!

#5

I’m using an iPhone 6, iOS 12.4 & Safari. I cleared history and website data on iPhone and iCloud and still have the same issue, submenu does not open.

#6

Hello @ch1cago_hd,

Since you are using SiteGround, can you please clear your cache or at least temporarirly disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

#7

I flushed caches in Supercacher and disabled, deleted website data on my iPhone and still have the same issue, no change. Re-enabled caching after test.

In a previous post you mentioned that mobile worked on your end. What type of device did you use where the submenu worked? Android?

#8

Hey @ch1cago_hd,

We used Android phone in testing your site. Are you using an iPhone? Please clear your mobile phone’s browser cache ir use private browsing mode. If you have Chrome mobile, please use incognito mode and test your site again.

Please let us know how it goes.

#9

As I posted above, I’m using an iPhone 6, iOS 12.4 & Safari. I cleared Safari cache again (3rd time). Submenu does not work in private mode or normal mode on Safari or Chrome.

#10

Hey @ch1cago_hd,

We’re sorry about that. The menu item is empty or does not have a URL and Safari behaves differently when a link is empty and in this case, it does not allow the submenu to open.

Please at least put a hash tag in the URL field of the menu.

Hope that helps.

#11

Hashtag worked! Thank you so much.

#12

You’re welcome. Glad it helped.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.