# Hide scrollbar

**URL:** <https://forum.readymag.com/t/hide-scrollbar/152>\
**Category:** Custom code\
**Created:** [April 1, 2022, 5:06pm UTC](https://forum.readymag.com/t/hide-scrollbar/152 "2022-04-01T17:06:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [April 1, 2022, 5:06pm UTC](https://forum.readymag.com/t/hide-scrollbar/152/1 "2022-04-01T17:06:28Z")

</div>

**Hey RM users.**

Here comes a little hint if you want to disable/hide the scrollbar:

**for vertical pageorder add this to your css:**

> .html::-webkit-scrollbar {  
> width: 0px;  
> }  
> .html {  
> scrollbar-width: none;  
> -ms-overflow-style: none;  
> }

**for projects with a horizontal pageorder:**

> .content-scroll-wrapper::-webkit-scrollbar {  
> width: 0px;  
> }  
> .content-scroll-wrapper {  
> scrollbar-width: none;  
> -ms-overflow-style: none;  
> }

I hope someone will find this useful!  
All the best

---

<div class="post-metadata">

**Author:** ![nvard](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/nvard/32/129_2.png) [@nvard](https://forum.readymag.com/u/nvard)\
**Post date:** [April 1, 2022, 7:25pm UTC](https://forum.readymag.com/t/hide-scrollbar/152/2 "2022-04-01T19:25:31Z")

</div>

Thanks! This is great. The horizontal one worked also for the vertical pages. I have a website that has both scrolls and one worked for both.

---

<div class="post-metadata">

**Author:** ![alitawfik](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/alitawfik/32/2193_2.png) [@alitawfik](https://forum.readymag.com/u/alitawfik)\
**Post date:** [July 2, 2024, 5:06pm UTC](https://forum.readymag.com/t/hide-scrollbar/152/3 "2024-07-02T17:06:15Z")

</div>

How were you able to include both vertical and horizontal scrolls in 1 website? I can’t find this option anywhere