Jump to content

disable fallback image on mobile

Recommended Posts

  • Replies 9
  • Views 1.3k
  • Created
  • Last Reply
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


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