How do I make this section smaller on mobile

Store Design
1

Hey so I have a section on my collection page,

Capture.JPG
Capture.JPG1920×773 99.5 KB

and I wanna display it smaller on mobile

It’s on my draft theme so you will have to navigate to End of Season Sale > Ready To Wear

https://zby9ufvpf3p7b4tb-18450743360.shopifypreview.com

2

Hi @Moeed ,

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css

@media (max-width: 479px) {
  .home-collections .collections-slider .item {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}
3

Hey, it’s all good now, but if you notice, the last one got smaller compared to the other ones. Can you fix that? It will be really appreciated.

Capture.JPG
Capture.JPG353×429 20.8 KB

4

Please do have a look on it as well @SmallTask Thank you so much