Menu icon Foundation
Reduce the height of ul (Orbit)

I tried to override the height using CSS, but because of browser resize, the navigation buttons are pushed down and the images are ugly. I inspect the chrome and noticed that ul has inline style: height: 500px which I wanted it to be 485px.

Is there any way to reduce height of the ul?

thanks

Orbitcss

I tried to override the height using CSS, but because of browser resize, the navigation buttons are pushed down and the images are ugly. I inspect the chrome and noticed that ul has inline style: height: 500px which I wanted it to be 485px.

Is there any way to reduce height of the ul?

thanks

Wing-Hou Chan over 5 years ago

Hey Josephine!

If you want to change the height of Orbit, it is recommended that you change the height of the content within the slider.

If the content are images, use images that have the height you want or use CSS to declare the height you want.

If the content is text, declare the height on the li instead. If you have images declaring the height of the li will not cause the image to shrink to fit the li.