search

milohuang / reverie

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

Dropdown menu issues in landscape mode on iPad #267

Open Aetles opened 10 years ago

Aetles commented 10 years ago

There is an issue with the dropdown menu when using the iPad in landscape mode.

To recreate the problem: 1) Visit http://themefortress.com/demo/ on an iPad i landscape mode 2) Tap on "Support" in top menu. 3) Watch how the dropdown from the adjacent menu item (News) is activated.

This is only an issue in landscape mode, not portrait mode. It is more of an issue if you have several menu items with dropdowns next to each others because for every menu item you tap on two are shown.

This might be a Foundation issue rather than Reverie issue.

Aetles commented 10 years ago

A quick test with Foundation, clicking on the last button does not trigger any other drop down (using iPad in landscape): http://codepen.io/aetles/full/HycKl/

designerwood commented 10 years ago

After spending far too long on this, I believe I've found the problem. The wrong viewport.

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

Aetles commented 10 years ago

I change the viewport and yes, the menus now work on iPad in landscape mode! Also, that new viewport is what Foundation is using. Thank you!