bigpoppapaul Posted December 12, 2020 Share Posted December 12, 2020 Site URL: https://grouse-seal-j62k.squarespace.com/home site pass is "prince" I'm wondering if someone can help me as I'm pulling my hair out trying to fix this. Firstly, the page I'm trying to fix only appears on mobile, the desktop version has a background video and is irrelevant here. The issue I'm having is that on the mobile homepage I have a full screen slideshow, however, the transitions are incredibly abrupt. They do the desired "fade" once maybe every 5 or 6 transitions, otherwise it just switches images suddenly. Now if I'm looking at this page on the squarespace mobile view, no issue, it transitions smoothly, however, as soon as I look at it on my actual phone, it has the abrupt transitions. I even tried this code from user "rwp" to slow down transitions. .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } Again, it works beautifully on desktop and the squarespace mobile view, but has no effect when viewing on an actual mobile phone. I've scoured the web for an answer but it seems it's not a common problem. Does this have something to do with my mobile browser? It's Chrome on a Galaxy Note 10. Any answers or guidance would be appreciated as I have to take this site live in the next few days and I need a mobile home page. Link to comment
tuanphan Posted December 15, 2020 Share Posted December 15, 2020 Hi, If you haven't received an answer yet, you can post on some FB groups + Squarespace Customization Resource Groups + Squarespace Community + Squarespace Entrepreneur + Squarespace Rockstars 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
bigpoppapaul Posted December 15, 2020 Author Share Posted December 15, 2020 10 hours ago, tuanphan said: Hi, If you haven't received an answer yet, you can post on some FB groups + Squarespace Customization Resource Groups + Squarespace Community + Squarespace Entrepreneur + Squarespace Rockstars @tuanphan Yes, thank you. I'm still experiencing the issue and thus can't take the site live because of it. I will check all of those resources out. I appreciate the suggestions. Link to comment
SacredEcology Posted February 8, 2021 Share Posted February 8, 2021 I would also like to slow down the image fading transition on the gallery slideshow in v7.1. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.