Hamburger icon not working on iPhone

[rob_hesketh]

Hi,

I’m running X theme with the latest updates 6.1.5 installed and the hamburger icon does not appear on any iPhone (tried 7, 8 & 10), but it works fine on Safari (Mac) and in preview mode.

It just appears as a square in the main top menu bar which looks like this:

I tried adding the custom CSS as per a previous thread, but this didn’t work (after deleting caches):

@media only screen and (max-width: 1279px) and (min-width: 700px){
.x-nav-wrap.mobile {
display: block;
}
.x-nav-wrap.mobile.x-collapsed {
display: none;
}
}

Any suggestions?

Many thanks,

Rob

[ruenel]

Hello Rob,

Thanks for writing in! Please remove your custom css code first and then since you have installed a caching plugin WP Super Cache, please clear your plugin cache 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.

You might also need to clear your iPhone browser’s cache or use private browsing mode and test your site again.

Please let us know how it goes.

[rob_hesketh]

Hi,

Have tried all of these things and no difference. It’s not a caching issue as I turn off caching whenever we’re editing the site to test changes.

Any other suggestions welcomed!?

Regards,

Rob

[rad]

Hi @rob_hesketh,

I just checked it and even on iPad, the icons are displaying. If you haven’t cleared your browser cache yet, then please it and test it again , it’s something that can’t be turn off and it’s different from server cache (although it’s the same cache, just downloaded by the browser).

Thanks!