OK, this is the first time I’ve tried to implement an orbit carousel within Foundation.
It’s all just simple html, css, js - but it appears to work OK across all browser sizes as expected and you can see the demo here: Jason Edwards Photography.
However, there is one bug that I can’t seem to eliminate.
If you stretch the window out to large desktop size and reload the page, then shrink the browser window to iPad or iPhone sizes, the orbit-container doesn’t resize to the the height of the images in the container, leaving a large gap between the images and the image navigation (orbit-bullets).
I found some references to a known bug from some years ago, but the fixes suggested appear not to work.
Can anyone see what I’m doing wrong?