Navigation behavior on mobile (need to doubleclick on a link to open)

[muse_83]

Hi there,

I just upgrade to pro theme and changed the top-menu to a collapsed style, but I recognized a strange behavior on mobile.

I need to click any item twice to open it.

Start

I made a few css adjustments to it, but I don’t think its coming from them.

/*Adjusting the submenu-items - always opened */
.x-menu .sub-menu {
display:block;
}

/remove underline from menu-items/
a:any-link {
text-decoration: none !important;
}
.e9120-4.x-menu > li > .x-anchor {
text-decoration: none !important;
}

Please check on that.

best regards,
Sebastian

[ruenel]

Hello Sebastian,

Thanks for writing in! Please be advised that there are NO clicks on mobile and touch screen devices. You can only tap, double tap and pinch. I have tested your site on my Android phone and I cannot replicate the issue. By the way, I also see that you have installed W3 Total Cache. Kindly clear your plugin cache and regenerate the minified JS/CSS files before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know if this works out for you.

[muse_83]

Dear ruenel,

I purged all caches of W3 total plugin, and then I cleared my browser cache and tested it again and the issue still exist.

If you TAP any menu-item for the first time, you need to TAP it a second time to open the link (just after the second tap on the same menu-item it will open the link). Tested on iPhone latest iOS, Safari & Chrome. I also deactivated the plugin and the issue still exist. Only if you tap the menu-item of the current page it will reload the page at the first tap.

UPDATE: Now I copied the code (listed above) from the CSS section of “Theme options“ to the file style.css in the child theme and now the issue is permanently (Plugin deactivated on both testet browsers on iOS).

[christian]

Hey Sebastian,

We have received similar reports as yours however, we could not replicate this in our own iOS devices and using Safari and Chrome browsers in it. Your site works fine on our end. No need to double-tap.

Regretfully, because none of us could replicate the issue, we could do nothing for this case. Rest assured though that we are researching why this happens only to a few.

For now, please try testing many iPhones and record the iPhone model (i.e. iPhone 11), iOS, and browser version. You can post them here for us to test if we have the exact devices available.

Thanks.

[muse_83]

Hi,

I’m testing on:
iPhone XS - Software 13.5.1 - Safari 13; Chrome Version 84.0.4147.71 (today I couldn’t replicate it anymore)

I’ve also backtested in on an iPhone 8+ - Software 13.5.1 - Safari 13 (here I couldn’t replicate the issue)

Best regards,
Sebastian

[christian]

Hey Sebastian,

We’re glad to hear that it’s working in other iPhone models. It could have been just caching or a glitch in the device.

Cheers!