Banner Slideshow Mobile

Site URL: https://www.pappishop.com/

Hello! I need your help ASAP. On the homepage of my website, I have a banner slideshow, and the images look good on the computer version, but on the mobile version my images get cropped. How can I fix this? Is there a custom CSS I can use to fix the mobile version? 

Thank you!!

30 minutes ago, hello321 said:

Site URL: https://www.pappishop.com/

Hello! I need your help ASAP. On the homepage of my website, I have a banner slideshow, and the images look good on the computer version, but on the mobile version my images get cropped. How can I fix this? Is there a custom CSS I can use to fix the mobile version? 

Thank you!!

I've checked that it 's fine. Did you figure it out?

1 minute ago, bangank36 said:

I've checked that it 's fine. Did you figure it out?

It's the slideshow banner underneath that one. The banner with the cards, and other images in that slideshow. They're all cropped on mobile version compared to desktop

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="61e48d09ffebfd582bd81659"] .list-item img {
    height: auto !important;
  }
}

Let me know how it works on your site

On 1/17/2022 at 5:40 AM, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="61e48d09ffebfd582bd81659"] .list-item img {
    height: auto !important;
  }
}

Let me know how it works on your site

Works great. Thank you!!

On 1/16/2022 at 8:10 PM, bangank36 said:

I've checked that it 's fine. Did you figure it out?

It's the slideshow banner underneath that one. The banner with the cards, and other images in that slideshow. They're all cropped on mobile version compared to desktop

On 1/19/2022 at 9:56 AM, hello321 said:

It's the slideshow banner underneath that one. The banner with the cards, and other images in that slideshow. They're all cropped on mobile version compared to desktop

Best Seller images?