Move product numbers on mobile

Site URL: https://brass-raspberry-tyxt.squarespace.com/

Hi,

Does anyone know how to move the 1/4 down to underneath the product image on mobile please? You can't see it very well on some of the images we use!

Thank you 🙂

Can you share link to product in screenshot?

It's this page @tuanphan https://brass-raspberry-tyxt.squarespace.com/config/ but it's on every rug product 🙂

On 2/9/2021 at 11:04 PM, ChristySmithfields1 said:

It's this page @tuanphan https://brass-raspberry-tyxt.squarespace.com/config/ but it's on every rug product 🙂

You can also convert it to arrow slideshow by adding this to 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;
}
.ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before {
    border-color: black !important;
}
}

Thank you!! @tuanphan