JustinSinger Posted June 20, 2020 Share Posted June 20, 2020 Site URL: https://www.iamjustinsinger.com/ Is there a way to disable the background fallback image on mobile? I want to keep it on the desktop version. Link to comment
tuanphan Posted June 22, 2020 Share Posted June 22, 2020 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
joelygoe Posted October 12, 2020 Share Posted October 12, 2020 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
tuanphan Posted October 13, 2020 Share Posted October 13, 2020 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
joelygoe Posted October 13, 2020 Share Posted October 13, 2020 https://www.nintaidojo.co.uk/history (view on desktop) The mobile backgound image appears before the video loads. I want it to not load on Desktop and just be blank before the video loads as mobile "fallback" looks rubbish on Desktop. Mobile "fallback" image looks great on mobile I don't want it to show on the desktop before the video loads... Link to comment
tuanphan Posted October 14, 2020 Share Posted October 14, 2020 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
joelygoe Posted December 5, 2020 Share Posted December 5, 2020 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
tuanphan Posted December 8, 2020 Share Posted December 8, 2020 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
joelygoe Posted December 8, 2020 Share Posted December 8, 2020 25 minutes ago, tuanphan said: I'm a contributor (volunteer). I see you pop up all over this forum and I'm super grateful for all your input. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.