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.
4 Comments
Order By: Standard | Newest
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
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
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

pvcmloza
108 Posts
pvcmloza posted this 5 weeks ago

If you’re looking beyond technical fixes and want a smarter communication tool, GB WhatsApp Terbaru Versi is a great option for Android users. It delivers advanced privacy controls https://gbwata.id/ , theme customization, and enhanced features that improve usability compared to standard messaging apps.

If you’re looking beyond technical fixes and want a smarter communication tool, GB WhatsApp Terbaru Versi is a great option for Android users. It delivers advanced privacy controls https://gbwata.id/ , theme customization, and enhanced features that improve usability compared to standard messaging apps.
You must log in or register to leave comments