How to Remove the Scrollbar from the Product Slider ?

[stg_herve]

Hi everyone,

I have an issue with my product slider on Shopify. A horizontal scrollbar appears, and I want to remove it completely.

I would like to hide the scrollbar while ensuring that the slider functions correctly.

Does anyone know how to remove it using CSS or any other method?

The website : https://www.draegerparis.com/ 

Thanks in advance for your help! 😊

[David67]

It like you have solve the issue, I can't find the horizontal line here when I check the website

[stg_herve · Accepted solution]

Hello,

Yeah i found the solution.

Thank you 

[Dotsquares]

@stg_herve Thanks for reaching out to the community. 

In the themes settings click on customize and in the custom CSS edit the code and add the CSS below

/* Hide horizontal scrollbar */
.product-slider {
overflow-x: hidden !important;
scrollbar-width: none; /* Hide scrollbar for Firefox */
}

/* Hide scrollbar for Webkit browsers (Chrome, Safari) */
.product-slider::-webkit-scrollbar {
display: none;
}

Let me know if this work or you need more assistance.