Menu intermittently rendering mobile menu incorrectly.

Question

Hi guys,I have a responsive menu on my site. I recently made the mobile version of the menu with position:fixed; so it stays along the top of the site when the user scrolls.However, for some strange reason, when viewing the site on a mobile (I think just on iPhone), on the homepage, the text and spacing on the expanded menu appears bigger than it should. This happens intermittently though and not every time which is strange - maybe it's a Javascript conflict?Please see attached screenshots to see what I mean.This is how it should appear......and this is how it sometimes appears...You can view the site (Link removed by Mod)Thank you very much guys, hoping you can help me get to the bottom of this!SM

Jon Fritz · Accepted Answer

Hi Nancy,Thank you for the helpful suggestion. However, after clearing the Safari cache, the menu issue remains...SMYou may also want to add in the following css to the top of your stylesheet to normalize the text on iphones...* { -webkit-text-size-adjust:none;}That will stop the iphone from using its own algorithm to make text more readable and allow you to set your sizes through css with more complete control.

BenPleysier · Answer

Assuming that the link that has vanished read Professional Live Music Agency - Tailored Entertainment then this could be the problem.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>

This will prevent resizing.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded