Featured Collection Image Size Smaller on Mobile - Aurora Theme

[babystore123]

Hi all, looking to make product collection image size smaller in the sliders on home page (mobile only). Desktop size is great but mobile is HUGE.

Please help!!!

Link to Draft preview theme - view on mobile:

https://wahrfj6yt0oiq181-75721343252.shopifypreview.com

[CodeCrafter11 · Accepted solution]

Hello @babystore123 

 To Make the slider image small for mobile, you just need to follow below steps:

1. Open the theme code and find the bundle.css file.

2. Open the bundle.css file and scroll down to end of the file.

3. Copy the given CSS and paste it in the file.

@media (max-width: 768px){
  .slideshow .carousel__viewport .carousel__container {
    max-height: 450px;
  }
}

Like and accept the answer if it's helpful to you. Contact me if you have any queries about that.

Thank you !