Menu icon Foundation
F4 Troubles with iPad breakpoint

Hi there, I'm having some problems with a Foundation 4 site I've been playing with for a while with the Menu not working on an iPad - or the medium breakpoint. I get the full menu on large which works fine, on small the drop down menu it works fine. On the iPad it jumps to the drop down menu version but it isn't triggering anything. Ideally I'd like to keep the full menu as per the Large version but I don't know where to look. I'd really appreciate some advice - I'm a bit of a newbie. The site is below. Much appreciated in advance.

http://brewskibar.com.au

Foundation 4top barmenuipadissuesdrop down

Hi there, I'm having some problems with a Foundation 4 site I've been playing with for a while with the Menu not working on an iPad - or the medium breakpoint. I get the full menu on large which works fine, on small the drop down menu it works fine. On the iPad it jumps to the drop down menu version but it isn't triggering anything. Ideally I'd like to keep the full menu as per the Large version but I don't know where to look. I'd really appreciate some advice - I'm a bit of a newbie. The site is below. Much appreciated in advance.

http://brewskibar.com.au

Matt Emmerson about 5 years ago

Seems to have been a common problem on version 4.

"There is indeed a "dead zone" that will result in unexpected behavior. If I click on a hyperlinked list item that has a dropdown (e.g. Main Item 1), the mobile version of the menu will appear instead of taking me to the target page.

It looks like the issue has been addressed on Google Groups by banacan.

To test the solution with atmmarketing's case, I changed the Top Bar breakpoint from 58.75em (940px) to 48em (768px)."

Around line 2539 in foundation.css