Solved

Featured Collection Image Size Smaller on Mobile - Aurora Theme

babystore123
Excursionist
54 1 3

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

Accepted Solution (1)

CodeCrafter11
Tourist
3 3 3

This is an 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 !

View solution in original post

Reply 1 (1)

CodeCrafter11
Tourist
3 3 3

This is an 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 !