Web Design & Development

Dropdown Menu Items On iPad

I recently ran into an issue regarding iPad drop-down menus and wanted to share the solution with the greater WordPress web development community for future reference!

We’ve had clients say that when they viewed their sites on iPads (specifically horizontally) they ran into an issue with a drop-down item.

This happened when the menu item they were referred to wasn’t a page, but rather just a blank link. On desktop, when you hover over that menu item, the drop-down options come down on the hover like we want them to.

On iPad (vertical view), you can’t hover, but if you tap the menu item text it just stays on the page like it’s supposed to. However, if you tilt the iPad horizontally, when the menu item text is tapped in an attempt to drop down the other links, iOS (for whatever reason) takes you to a 404 error page.

The fix is: rather than leaving the URL for the parent page blank, type #0.

This is a good practice going forward, instead of leaving the URL blank, so that nothing malfunctions on iPad :)

See our featured website design work

Check out some of the beautiful websites we’ve built for over 2,000 clients.

We offer WordPress support & maintenance

Shake the stress of ongoing maintenance with plans supported by our team of WordPress experts.

Related articles