how do i make my multicolumn testimonials slide in origin theme on desktop?

[ceool]

I've tried everything but nothing has worked i want my testimonials to slide on desktop and mobile. It looks so busy without it being a slider and its too much for my page. How do i change this what css/ code do i need to input?

my url is www.ceool.co.uk 

[David_SHT]

Hi @ceool ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
#shopify-section-template--20763912143139__4e0f0914-20e9-4a2c-b551-93ddfa091b22 .multicolumn-list {
   flex-wrap: nowrap !important;
   overflow: auto !important;
   scroll-snap-type: x mandatory !important;
}
</style>

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[ceool]

Nope just tried it doesn't slide. Only one testimonial shows up and the rest disappear with this code 😕

[David_SHT]

Hi @ceool , if you want your testimonials to slide on desktop. You can add my code and this is the result: 
https://www.loom.com/share/a1350d5cae114fe289021b4d2dd8feb8

[ceool]

how to i add the little dots at the bottom or numbers to let someone know its a slider

[ceool]

it does not slide for me no matter what i press

[David_SHT]

Hi @ceool ,

You can try: 

<style>
#shopify-section-template--20763912143139__4e0f0914-20e9-4a2c-b551-93ddfa091b22 .multicolumn-list {
   flex-wrap: nowrap !important;
   overflow: auto !important;
   scroll-snap-type: x mandatory !important;
}
.multicolumn-list::-webkit-scrollbar {
  display: block !important;
}
</style>

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team