Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Video resize in header when converting to mobile view


Recommended Posts

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

pw: danspeaks7467

I have an autoplay video in my header that is not resizing when I view it in mobile view here on SquareSpace. Additionally, it is not showing at all on my iOS device and have been testing a backup image, but would prefer the resized video to be autoplaying.

Thanks in advance for any help/suggestions/support! :)

Dan

 

Attachments:

Screenshots from web view and mobile view

Screen Shot 2020-07-28 at 6.22.00 PM.png

Screen Shot 2020-07-28 at 6.22.25 PM.png

Link to post
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Home > design > Custom CSS

/* resize video banner mobile */
@media screen and (max-width:767px) {
.homepage #page section:first-child iframe {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
.homepage #page section:first-child {
    min-height: 20vh !important;
    height: 30vh !important;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...