Hi folks,
Having similar trouble with video formatting as a background to a section on a homepage. Formatting of the video and the spacing of the adjacent section all looks good on desktop and mobile landscape, but on mobile portrait view, I end up with a big space underneath (image attached).
Website is here: BaltimoreSmartLine.org
If you need the PW DM me please.
Here's the CSS i'm using for video formatting now:
/**Full Width Block for mobile**/
@media screen and (max-width:767px) {
[data-section-id="5e8e5176957b3306a8e428c7"] video {
width: 100% !important;
height: auto !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !Important;
}
[data-section-id="5e8e5176957b3306a8e428c7"] {
height: 35vh;
margin-top: 20vh;
}
}
Any thoughts on how to tighten up that spacing on mobile portrait view without messing up other views?
Thank you!