Dropdown menu for iOS

Asked Jun 01 '16 at 19:28

Active Jun 01 '16 at 19:34

Viewed 49 times

I have the code below for a drop down menu which works very well in Safari, Firefox, Chrome. There's a list of links, but one of them is a drop down. The code works on Chrome on Android, but I have no success at making this work on Safari + Chrome on iOS. First, when I click on "Dropdown", it takes me to dropdown link 1 directly. There's no hover, even though the parent "Dropdown" isn't a link. Can somebody point how to fix this issue?

       <li><a href="smth.html">smth</a></li>
       <li><a href="info.html">info</a></li>
       <div class="dropdown" onclick="">
       <li>Dropdown</li>  
       <div class="dropdown-content">
       <ul><a href="dropdown.html">dropdown link 1</a></ul>
       <ul><a href="workshops.html">dropdown link 2</a></ul>
       </div>

CSS below:

.dropdown:hover .dropdown-content {
  display: block;
}

edited Jun 01 '16 at 19:34

asked Jun 01 '16 at 19:28

robinhood91

1,641
3
20
36

Is this for hybrid app or for native app ? – Teja Nandamuri Jun 01 '16 at 19:30
native @TejaNandamuri – robinhood91 Jun 01 '16 at 19:31
looks like hybrid to me. How are you testing this code ? – Teja Nandamuri Jun 01 '16 at 19:33
do you mean manual testing? I just open the webapp on chrome + safari on iOS and I can't make it work. Seems like hover is a bit of an issue for iOS? – robinhood91 Jun 01 '16 at 19:34
Found a solution here: http://stackoverflow.com/questions/34687656/css-drop-down-menu-is-not-working-on-ios-devices – robinhood91 Jun 01 '16 at 22:09

Dropdown menu for iOS

0 Answers0