Jump to content

Carousel Sliding Gallery - Mobile Fix

Recommended Posts

Hello,

Please can someone point me in the right direction of fixing the spacing/size of my images when viewing on a mobile? I'm using Squarespace 7.0 and added a bit of CSS code for autoplay on my carousel gallery. When I check on mobile view my photos are spaced out and look out of scale.

Currently set at 1:1 Scale on Desktop.

Thanks in advance

Screenshot 2023-03-17 at 09.28.42.png

Link to comment
  • Replies 10
  • Views 319
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share the website URL and the page this is on? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Yes, I can see that website, what page is the gallery on?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

No, not that one. I'm not sure why the link I posted has taken you to that page. That's the page which is the current live website. I'm editing a new template in the background of the live website so I'm wondering if that's why you're unable to reach the template I'm working on? I might have to come back when I set my new template to 'live' and sort out the issue then? That's a pain. Thank you though for trying to help me out.

Link to comment

I don't see that, this is the page I see on that link:

 

dodecahedron-gazelle-f2tb.squarespace.com_participate-1.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

OK, that's the live site. Looks like I'm unable to share the webpage which I'm editing in template mode. I'll definitely come back when I override the current template with y new design and hopefully then I'm able to share the link for you to see what I'm seeing.

Thank you for taking the time on this so far.

Link to comment
On 3/18/2023 at 1:25 AM, LisaUden80 said:

OK, that's the live site. Looks like I'm unable to share the webpage which I'm editing in template mode. I'll definitely come back when I override the current template with y new design and hopefully then I'm able to share the link for you to see what I'm seeing.

Thank you for taking the time on this so far.

You can duplicate the site, set template in the duplicated site & share url. We can image problem 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

Create an account or sign in to comment

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

×
×
  • 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.