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

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!

Try adding to Design > Custom CSS

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

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!