zurb / foundation-apps

The first front-end framework created for developing fully responsive web apps.
http://foundation.zurb.com/apps
MIT License
1.58k stars 216 forks source link

Music Template doesn't work on iOS (fixed bottom nav) #771

Open subpublic opened 8 years ago

subpublic commented 8 years ago

Hello!

I'm trying to do a fixed bottom navigation, using the flexbox grid. I looked at the Foundation Templates, Music example, which has exactly what i want. It works fine on my computer, but not on iphone. Is there a solution for this?

My guess is that it has to do with .grid-frame using height: 100vh. My fix for now is detecting iOS and setting. height: calc(100vh - 69px); Doesn't feel like a perfect solution, but works as a temporary fix. I'm using iOS9.2 on an iPhone 6.

foundation_bottom_nav