Fullscreen swiper

Wappler General Need Help
14

Looking good, just a small suggestion - you can put the height: 100vh; directly to the swiper container, no need to set it for each slide.
Also you can do this directly in your CSS, not inline. The only inline property that you need is the background image itself. So in your custom CSS add:

.swiper-container {
        height:100vh;
    }
    .swiper-slide {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

And remove these from the inline styling.

1 Like