Dropdown Menus Not working on iOS

  • Resolved The Beallman

    (@the-beallman)


    8 years, 8 months ago

    Greetings!

    I’ve recently finished building a WordPress theme and currently have it running on my site in developer mode. Everything appears responsive across the vast gamut of devices with the exception of dropdown menus on iPad. (I’m running a different menu for iPhone, so dropdowns aren’t an issue there)

    I’ve tried CSS fixes till I’m blue in the face, I’ve tried jQuery scripts other users have suggested (though I’m not accustomed to javascript markup), and none of the solutions I’ve tried seem to do a thing.

    If someone here has a fix suggestion, I would appreciate it immensely. Thank you.

    Link to my Website (Note: only this page will work due to developer mode being active)

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter The Beallman

    (@the-beallman)

    8 years, 8 months ago

    Bumping the thread…

    Thread Starter The Beallman

    (@the-beallman)

    8 years, 8 months ago

    OKAY!

    After fiddling around with jQuery and CSS, it turns out the quickest and simplest fix is to add onclick="return true" to my main navigation div in header.php. In this case, my main navigation div is <div id="main-nav">. Thus, my fix looked like this:

    <div id="main-nav" onclick="return true">

    After that, my dropdowns are working perfectly on iOS!

    I haven’t read any tutorials that outline this fix in a straightforward manner, so hopefully my solution will help others also. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dropdown Menus Not working on iOS’ is closed to new replies.