Jump to content

Changing the size of "Mobile Video Background" to fit, without changing the desktop size

Recommended Posts

Posted

Site URL: https://www.marvalation.com/

I am wondering how you change the code or whatever needs to be done to get my mobile video background to fit the screen, but not change the desktop size. 1908400126_offthescreen.JPG.69e38b5d38495cc006a9877b562ebb09.JPG276793015_offthescreen2.JPG.7df6936f619dccb4c00da0b6843da71c.JPGm guessing you need code just don't know for sure.

  • Replies 4
  • Views 560
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
28 minutes ago, RyGuyy said:

Site URL: https://www.marvalation.com/

I am wondering how you change the code or whatever needs to be done to get my mobile video background to fit the screen, but not change the desktop size. 1908400126_offthescreen.JPG.69e38b5d38495cc006a9877b562ebb09.JPG276793015_offthescreen2.JPG.7df6936f619dccb4c00da0b6843da71c.JPGm guessing you need code just don't know for sure.

Try adding to Home > Design > Custom Css

@

@media only screen and (max-width: 767px) {
  #collection-61d5edf2878aba6820863048 .plyr__video-wrapper {
    height: auto !important;
  }
}

Let me know how it works

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

It worked! Thank you. Can i edit the height and width to the exact size i want by changing the numbers? I see there's a PX for width but not height. 

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.