full page carousel on mobile

[robsdonatini]

Hello,

I wanted to know if there's a way to avoid having this white line at the bottom on mobile, and having this carousel covering all the height of the mobile screen.

www.nicolettagrillo.com

It is a full bleed carousel, 0 margins and carousel set at 100vh (I also tried 100svh), but the line always shows on different mobile devices.

psw for website: nicosito24

How can I fix it?
Thank you!

Roberta

[felix_rabe]

hi @robsdonatini
this space is where the captions for the carousel are stored. it is also visible on desktop version if you scroll down. if you don't need that you can hide it with this custom css:

.captions-slider{
display: none;
}

[arminunruh]

great call @felix_rabe !
yes the empty caption container is also visible on desktop
usually if all of your captions are empty, this empty caption container should'nt show up. i will add this to my todolist.

instead of using css to hide the empty caption container, you can also go to lay options → carousel addon → uncheck show caption

[robsdonatini]

thanks :)) it solved the problem, i used the css