Dropdown mobile menu not working on iphone

richard25
165 Posts
richard25 posted this 20 June 2017

Hi

Ive set every z index correctly and android devices all work but for some reason iphones will not display the dropdown menu correctly on my website wrapupweb.co.uk.

You can see from the screenshot the g+ and LinkedIn icons are incorrectly shown in the dropdown menu on the iphone but are not on Android devices.

Cheers

Hi Ive set every z index correctly and android devices all work but for some reason iphones will not display the dropdown menu correctly on my website wrapupweb.co.uk. You can see from the screenshot the g+ and LinkedIn icons are incorrectly shown in the dropdown menu on the iphone but are not on Android devices. Cheers
menu iphone
iPhoneMobileMenuIssue-01.jpg
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
oscarreed859
2 Posts
oscarreed859 posted this 09 October 2025

A classic cross-browser frustration, where your seemingly correct z-index fails specifically on iOS devices! Since the issue involves the G+ and LinkedIn icons wrongly appearing inside your dropdown, you are likely hitting an iOS Safari rendering glitch or a stacking context error caused by a parent CSS property like transform or overflow. The most effective solution is to give the dropdown element an extremely high z-index and explicitly set its position to fixed or absolute to ensure it breaks out of the flawed parent element's context.

A classic cross-browser frustration, where your seemingly correct z-index fails specifically on iOS devices! Since the issue involves the G+ and LinkedIn icons wrongly appearing inside your dropdown, you are likely hitting an iOS Safari rendering glitch or a stacking context error caused by a parent CSS property like transform or overflow. The most effective solution is to give the dropdown element an extremely high z-index and explicitly set its position to fixed or absolute to ensure it breaks out of the flawed parent element's context.

Last edited 09 October 2025 by oscarreed859

minnie584gaymon
1 Posts
minnie584gaymon posted this 10 April 2025

NJ MVC appointment scheduling has never been easier. Forget about waiting in lines – now you can simply make an online appointment and get the services you need. njmvc com

NJ MVC appointment scheduling has never been easier. Forget about waiting in lines – now you can simply make an online appointment and get the services you need. [njmvc com][1] [1]: https://www.nj-mvc.com
Support Team
Support Team posted this 20 June 2017

Hi,

Try to set some high z-index value for the Header control in mobile view.

Sincerely,
Hella

Hi, Try to set some high z-index value for the Header control in mobile view. Sincerely, Hella
You must log in or register to leave comments