milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
919 stars 196 forks source link

Links in Dropdown Navigation not clickable on iPad #287

Open kkoepke opened 10 years ago

kkoepke commented 10 years ago

I use the wordpress theme "reverie" including a foundation top-bar navigation with dropdowns.

The theme is working fine, but not on the iPad. On iPad I get the following behaviour:

The links without dropdown work fine.

When I touch a link with a dropdown, the dropdown opens, closes at once, the dropdown of the former link opens and closes and then the dropdown of my touched link opens again. So now I have an open dropdown, but when I touch one of the links, the link does not open the requested page. If I do a "long touch" on the link, the ipad shows the choice "Open / Open in a new page / ..." If I now choose "open", nothing happens. If i choose "open in a new tab", the link opens in a new tab!

If there is a link in the content behind the dropdown, this link loads the linked page.

The Problem is the same on a clean reverie theme and on my modified reverie child theme.

kkoepke commented 10 years ago

If i click far right from the Link texts in the open dropdown, its working sometimes. The dropdown links doesnt seem to work correct too. If i click on the Link text, the dropdown opens. If i click on the dropdown icon, the link (the top category) opens. Vice versa would be more logical for me...

designerwood commented 10 years ago

Hello,

Sounds like a similar problem myself and some others are having. A fix you may try is updating the viewport tag to match the one Foundation now uses (their first 5.0 release had the wrong tag).

It should be: <meta name="viewport" content="width=device-width, initial-scale=1.0" />

kkoepke commented 10 years ago

OMG... sometimes we are really thinking too complicated... :-)

Thank you! It's working fine now and fixed some other layout problems on the iPad too. :-)