Jump to content

How to change product image gallery for mobile only

Recommended Posts

Site URL: https://www.cherrycouture.co.uk/sample-sale

I achieved my desired effect of having a sticky product description, this effect only looks good with a stacked image gallery. However i do not wish to have a stacked image gallery for the mobile site, i wish to have the slideshow as it has a stronger reading for the audience when on mobile site. I haven't found a specific code that can change the product gallery just for mobile. If anyone can have a look and see if they can have a code that can help this. If you like the sticky product description let me know i can send you the code. Thanks

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Edit your code to this

@media screen and (min-width:641px) {
nav.ProductList-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 0


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment


this is the desktop version and has a stacked gallery which is what i want


this the mobile version but i don't want the gallery to be stacked, i want it to be a slideshow.

A code for the variation when the media screen is on mobile for it to be a slideshow would be great.

Edited by Abdul_Makodiya
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.