Menu icon Foundation
Orbit menu clipping when img float used

https://codepen.io/mash909/full/qVaKvx

I am using Foundation 6.4.3 Orbit component to render a "Testimonial" section.

I am including a small image and some text.  I find that if the image is floated then the bottom of the Nav bullets overlay the image, so that the image is not displaying at full height.  The issue is solved if the image float is removed.

Can anyone suggest a solution or workaround?

*update* the workaround is to put an empty p tag as the last element in li.orbit-slide: <p>&nbsp</p>

Orbit

https://codepen.io/mash909/full/qVaKvx

I am using Foundation 6.4.3 Orbit component to render a "Testimonial" section.

I am including a small image and some text.  I find that if the image is floated then the bottom of the Nav bullets overlay the image, so that the image is not displaying at full height.  The issue is solved if the image float is removed.

Can anyone suggest a solution or workaround?

*update* the workaround is to put an empty p tag as the last element in li.orbit-slide: <p>&nbsp</p>