Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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. 

Edited by bigpoppapaul
title clarification
Link to post
  • bigpoppapaul changed the title to Squarespace 7.1 - Full screen slideshow transition very abrupt on mobile
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

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

Link to post
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
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...