Add video as a background of a section so it is full width on all screen sizes

[Nalwi]

Hi! I’d like to add a video as a background of a section, and have that appear as full width. And I’d like for the section to be full width and adjust to different screen sizes. Currently there are black bars that are appearing on the video unless i zoom into the webpage.

Please see the screenshots attached in the secure note.

[tristup]

Hi Nalwi,

The video you are using is having the black bar within it. If you use the full-width video as shown in the following thread, you will get the output that you are expecting. Please check you video URL given in the secure note.

Set a video as a section background full page width and height

Hi Nalwi, Please find the answer to your queries below. To make the section full width, you need to select the Full Width template and set the Site Width to 100% from Theme Options > Layout and Design. [test-new-Content-Pro (64)] You can add the Background Video to the section and set the Padding to 0 and add the background color with opacity to the Row under the Section*. I have tried the same in my local environment and it works. [test-new-Pro (2)] Hope it helps. Thanks

Thanks

[Nalwi]

Hi, thank you for the advice! It works great now.

[marc_a]

Hi @Nalwi,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.