Hiding the horizontal scrolling

Design help General
1

I made a horizontal scrolling exactly like the one in this Webflow video

However, in both Webflow’s design and my design there is a horizontal scrolling bar that appears on the whole page because of the track element and its children

Is there a way to hide this horizontal scrolling bar without losing the element?

Screenshot 2022-05-21 154652
Screenshot 2022-05-21 1546522188×1275 92.5 KB

https://preview.webflow.com/preview/dddss-superb-site?utm_medium=preview_link&utm_source=dashboard&utm_content=dddss-superb-site&preview=8969697c495fe58ba0e56c3d101d3e0d&workflow=preview

2

Hi @m7md20091,

You can try adding this code to Page Settings > Custom Code > Head code:

<style>
body {
overflow-x: hidden;
}
</style>

If you wanted to hide both the vertical and horizontal scrollbar, you could try this code:

<style>
body {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}

body::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}
</style>

Hope this helps!

1 Like