for some reason I’m seeing a large white space under my footer for the “how it works” page of my site. I’ve checked the margins and for any extra divs. Can’t find anything.
The page body being set to auto doesn’t affect the vertical height of anything inside the body. Fortunately, there’s a simple solution for what you’re looking to achieve! Check out the Sticky Footer tutorial here:
@McGuire I’ve tried using the flexbox on that page to fill the empty space in the sections, but I’m still seeing the white space underneath the footer. Any ideas?
Hi @Bryan_Trang, try removing the style overides that are set on the class assigned to the bg video. Those are causing the whitespace. I would use the default bg video setting except for maybe 100% width and height.
Hi, @Bryan_Trang, the main reason was that the background video normally has overflow hidden, and in the overrides that was set to overflow visible. The background video dimension, was larger than the element containing the video, so the non-visible “dimension of the video” takes up space on the page.