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

Add carousel arrow to variation images on mobile


Recommended Posts

Site URL: https://patchworkplus.ie/

On mobile, my product variations show as a carousel, to swipe through, which is fine, I'd just like to add an arrow to indicate this is what the customer needs to do. I'm finding that not everyone gets it right away. 

Does anyone know if this is possible and how I go about it?

Thanks so much.

Link to post
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Try adding to Home > Design > Custom CSS /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /*

Try adding to Home > Design > Custom CSS

/* 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;
}
}

 

Link to post
  • 4 months later...

Hey tuanphan,

I see you all over the forums, thanks for all that you do. This was very helpful! How do I change the the size of the arrows on mobile?

Link to post
On 3/6/2021 at 9:34 PM, Baker7m3 said:

Wait! Nevermind! I figured it out....I needed to also add code to make the arrows a different color because my background is white.

 

Thanks for the work you do here! @tuanphan

Do you still need help? Can you share link to a product?

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