How to implement a sliding image bar on the product page?

[diiekent]

Hey, 

is there a possibility to implement a sliding image bar under the pictures on the product page only for the mobile site?

store: aeraclo.com / PW: aerafamily

best regards and thanks for every reply

current:

how i want it to be like:

[EBOOST]

Hi @diiekent ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/theme.css
3. Add code below to end of file

@media(max-width: 749px){
  .product-gallery__image-list .product-gallery__carousel{
    scrollbar-width: auto;
    display: flex;
    width: auto;
  }
  .product-gallery__image-list .product-gallery__carousel .product-gallery__media{
    min-width: 100vw;
  }
}