Shopify store Slideshow image is different from desktop to mobile

[EcoCharm]

Hello, I really need some help the slideshow on my Home page - the images are a good size but when you look at it on your phone is completely wrong.

Custom CSS on the [SlideShow]

.slider {
  margin: auto;
  height: 600px;
  width: 600px;
}
.slider-buttons {
  margin: auto;
}
@media screen and (max-width: 576px) {
  .slider {
    margin: auto;
    justify-content: center;
  }
}

This is the website link:

https://www.ecocharm.co.uk/

[PageFly-Richard]

Hi @EcoCharm

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly