I am trying to use a video full width video just below my header on my home page. But for some reason on certain screen sizes the video keeps adding letter boxes on the top and bottom of the video. I want it to crop the video rather than adding letter boxes. I have also tried adding a color section and I am getting the same result.
Hey dpcram,
Thank you for the inquiry.
Try to set the video slide’s Styling > Video Settings > Video Display to the second option (Stretch video so it covers the whole slideshow). Let us know the result.
Best regards,
Ismael
Yes, that is the setting I had it on already. Screenshot 1
And if I ad a fallback image the black bars are filled with the fall back image like this: http://derrickc6.sg-host.com/wp-content/uploads/2025/04/3.png
It’s very weird. And dose the same thing if I add it as a background video via a color section.
Kind regards,
Derrick
Hi,
Thank you for the info.
We may need to login to the site to properly check the issue. Please provide the login details in the private field. In the meantime, try adding the following css code to manually stretch the video and make sure that it covers the entire slider container.
#top .avia_video {
object-fit: cover;
}
Best regards,
Ismael