Jump to content

Mobile fallback image problem - not using the correct image on Lock Screen.

Recommended Posts

Hi there,

I'm currently having trouble with my fallback image on my Lock Screen.

To begin with - I have set my homepage to have a video as the background on desktop & the a fallback GIF image for mobile.

I've set my Lock Screen to have the same video background on desktop & for mobile I've used the same fallback GIF image BUT it has inverted colours.

I think the issue I'm having is when I set the fallback image for the Lock Screen, it's using the fallback image from my homepage(I think this is the case because its showing a non-inverted gif, when its supposed to be inverted).

Any help is greatly appreciated.

Thank you!

Link to comment
  • Replies 2
  • Views 493
  • Created
  • Last Reply
On 7/5/2021 at 4:14 PM, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage .sqs-video-background .custom-fallback-image.loaded {
    top: 0 !important;


Sorry for the late reply, Thank you very much!

Link to comment


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.