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

Product carousel arrows get lost on mobile


xavier-cusso

Question

  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hey @xavier-cusso. On a desktop, the arrows are the visual cue to let users know that they can click the image to advance the carousel, but that doesn't work on mobile. On mobile devices, th

Hello, The side arrows on my product carousel disappear for mobile resolution and I'd still like to keep them (see attached). Is there any way I could do that? Couldn't figure out how. My WI

Posted Images

3 answers to this question

Recommended Posts

  • 0

Hey @xavier-cusso.

On a desktop, the arrows are the visual cue to let users know that they can click the image to advance the carousel, but that doesn't work on mobile.

On mobile devices, the carousel becomes swipeable; it cannot be tapped to advance it. In the circumstances the arrows could make for a bad user experience by suggesting an action that doesn't work.

That said, if anyone at Squarespace is listening, I'd personally like to see a stronger visual cue on mobile devices, to indicate this is a carousel. Perhaps some dots or dashes along the bottom of the image, or the hint of the other images at the sides.

Edited by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

I am having the exact same problem, it basically renders my webshop useless on mobile. An integrated shop & automatic responsive design were the key reasons I chose Squarespace, but seems like with 7.1 my timing might have been poor. Disappointing! Squarespace folks, please, give us some control back over this display in 7.1!

Link to post
  • 0

Hi! I found this answer from @tuanphan and it seems to have given me arrows back to the mobile version, super frustrated here too!

 

 

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}


https://forum.squarespace.com/topic/157637-product-carousel-slideshow-ui-and-navigation-arrows-missing-on-mobile-in-71/
Link to post

Create an account or sign in to comment

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


×
×
  • Create New...