Horizontal scroll page / hide vertical scroll bar

Design help General
1

Hi,

The project I’m working on: https://preview.webflow.com/preview/consciencia-2019?utm_source=consciencia-2019&preview=c3ae25dd2ee7edd403218f01fa516255

As you can see the page has a horizontal scroll. I followed a tutorial I saw here in webflow. But I’d like to hide the vertical scroll bar. I can I achieve it?

Thanks

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Found a solution!

If it could help anyone, here it is:

html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ }
1 Like
3

Hi there,

I added this to my Head Code (just copied and pasted what you posted), but it doesn’t hide the horizontal scroll bar for the overflow.

Did I do something wrong?

4

Hi @36horgan

Can you please share your read-only link?

5

I’m also having some trouble with this code. Am I only supposed to be using a certain part of it? And am I supposed to be inserting in header code area? It just ends up showing up at the top of my page as text when I copy and paste it into the header area

6

Figured it out after inspecting @Mauricio_C_G_Pereira’s page!

7

Does anyone know how to apply this to hiding the horizontal scroll bar? Does this code get placed in the site settings, before tag?