Enabling Horizontal Scroll on Mobile for shop all page

[mattpermute]

Hey all,

I would like to enable horizontal scroll on the shop all page?

url: sweetskendamas.com

Thanks

MM

[dannyelo]

Hey,

Please go to Online store > theme > actions > edit code.

Open assets folder > theme.css file.

Copy and paste this code at the bottom of the file. Then save.

@media only screen and (max-width: 768px) {
  .page-width .small--grid--flush {
    display: flex;
    overflow-x: scroll;
  }
}

@media only screen and (max-width: 768px) {
  .grid--uniform .small--one-half:nth-of-type(odd), .grid--uniform .small--one-third:nth-of-type(3n+1) {
    min-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .small--grid--flush>.grid__item {
    min-width: 100%;
  }
}

Result:

Hope that helps!