Menu icon Foundation
Space under Orbit on iPad - Landscape to Portrait

I've dropped the 'Basics' Orbit code from the https://foundation.zurb.com/sites/docs/orbit.html into the top of the 'welcome to Foundation page (index.html).

The problem is, if I re-orientate an iPad from landscape to portrait around a 275px of space appears between the bottom of the slides & the row of buttons. I've not made any changes to the Foundation styles. 

 

Any help much appreciated.

Orbit on iPad - Landscape to Portrait

Orbitipadre-orientationLandscapeportraitspace

I've dropped the 'Basics' Orbit code from the https://foundation.zurb.com/sites/docs/orbit.html into the top of the 'welcome to Foundation page (index.html).

The problem is, if I re-orientate an iPad from landscape to portrait around a 275px of space appears between the bottom of the slides & the row of buttons. I've not made any changes to the Foundation styles. 

 

Any help much appreciated.

Orbit on iPad - Landscape to Portrait

Rafi Benkual over 2 years ago

Hmm, I can't replicate this on my Ipad. Have you tried the code in your site and seem the same thing? What IOS version?

Alpha State over 2 years ago

Thanks for the response.

I'm using iOS 10.1.1

I've got a test page that just includes the slider & I’m still getting the space appearing above the four bullets if I load in landscape & re orientate to portrait at: https://www.alphastate.co.uk/dev/test.php

 

Important note: if i load it in portrait first & then re orientate between portrait to landscape & back to  portrait the problem doesn't occur.

Any more help appreciated.

Rafi Benkual over 2 years ago

Hmm, I see it happening on that page. Might want to start by checking to see if this is reported on GitHub: https://github.com/zurb/foundation-sites

Alpha State over 2 years ago

OK thanks - will do.