I added a background video to the top section of a page, but there is a small section that shows under neither the header section and I can’t figure out how to change the background of that section to white. The best solution is to make the background video only appear inside the .hero-area section, but I gave up on that after hours of frustration. Any ideas?
Here is a link to the testing environment… http://aaronhaas.com/labelle/video-bg.html
Edit – misunderstanding on my side I think… but this is what I noticed:
It is caused by the footer element, which has negative margins. This creates a horizontal scrollbar – which in turn results in 100vh for the height of the video not being equal to 100%, the available size on the screen.
I didn’t even notice the horizontal scrollbar until you mentioned it. Yes I want to get rid of that, but also the issue with the video showing between the sticky nav bar and the top of the “About The Property” section.