Jump to content

Squarespace 7.1 - Full screen slideshow transition very abrupt on mobile

Recommended Posts

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
  • bigpoppapaul changed the title to Squarespace 7.1 - Full screen slideshow transition very abrupt on mobile
  • Replies 3
  • Views 874
  • Created
  • Last Reply
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
  • 1 month later...

Archived

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.