How to Remove the Scrollbar from the Product Slider ?

Store Design
,
1

Hi everyone,

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

stg_herve_0-1743686799483.png
stg_herve_0-1743686799483.png2720×1398 244 KB

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! :blush:

2

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

3

@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.

4

Hello,

Yeah i found the solution.

Thank you