Featured Collection Mobile Scrolling Issue

Store Design
, , , , ,
1

Hi, this is an issue ive had for a while. In one of my collections i have 3 products, and the carousel only fits 2. Now the first product is cut and when i enable the slider, i cannot swipe to see the product on the left. Not sure if the container needs widening or a third column should be added.

u can see the "All in one" where it is cut, and i cannot reach the rest of the product card
u can see the "All in one" where it is cut, and i cannot reach the rest of the product card1032×1436 132 KB

2

@adnanghali

Please share your store URL!

Thanks!

3

Hi, www.oilinone.com

password: taztouz

4

@adnanghali

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {width: calc(50% - var(--grid-mobile-horizontal-spacing) - 1rem) !important;}
.grid--peek.slider .grid__item:first-of-type {margin-left: 16.5rem !important;}
.collection .slider--tablet.product-grid {scroll-padding-left: 18.5rem !important;}
}

Thanks!

5

@adnanghali

If helpful then please like Solution and welcome Again!

Thanks!

6

THANK YOU SO MUCH