bigpoppapaul 2 Share Posted December 12, 2020 (edited) 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. Edited December 12, 2020 by bigpoppapaul title clarification Link to post
tuanphan 9,366 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 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
bigpoppapaul 2 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 post
SacredEcology 1 Share Posted February 8 I would also like to slow down the image fading transition on the gallery slideshow in v7.1. Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment