Jump to content

tombigby

Member
  • Posts

    2
  • Joined

  • Last visited

Posts posted by tombigby

  1. 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!

    Screen Shot 2023-05-19 at 12.50.32 PM.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.