Jump to content

disable fallback image on mobile

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.sqs-video-background .custom-fallback-image.loaded {display: none !important;}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...
On 6/22/2020 at 2:14 PM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.sqs-video-background .custom-fallback-image.loaded {display: none !important;}
}

 

This doesn't work for me.  The mobile fallback image still shows before video loads.  I want the mobile image to show on mobile only but NEVER on Desktop.  There is only a 1-2 second delay and I'd rather it was blank on Desktop.

Link to comment
23 hours ago, joelygoe said:

This doesn't work for me.  The mobile fallback image still shows before video loads.  I want the mobile image to show on mobile only but NEVER on Desktop.  There is only a 1-2 second delay and I'd rather it was blank on Desktop.

Can you share link to page where you use video? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Add to Page Settings > Advanced > header

<style>
  @media screen and (min-width:992px) {
  #page section:first-child .section-background img {
    visibility: hidden;
}
  }
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
On 10/14/2020 at 12:31 PM, tuanphan said:

Add to Page Settings > Advanced > header


<style>
  @media screen and (min-width:992px) {
  #page section:first-child .section-background img {
    visibility: hidden;
}
  }
</style>

 

Thanks for this.  I have only just turned on email notifications so forgot I asked this.

Can I ask - do you work for SquareSpace or are you answering all these questions voluntarily?

Link to comment
On 12/5/2020 at 9:23 PM, joelygoe said:

Thanks for this.  I have only just turned on email notifications so forgot I asked this.

Can I ask - do you work for SquareSpace or are you answering all these questions voluntarily?

I'm a contributor (volunteer). 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.