Hide/Remove Scroll bar right side of screen.

[Smitty018210 143]

Forgive me if this has been asked, but I am looking for CSS code that would hide/remove the scroll bar on the right hand side of screen while in desktop mode.

I know some browsers have extension you can install, but that effects the browser 100% of the time and I don't want that. I only want it turned off while using emby.

Is this possible with CSS? 

Thanks!

[newday2022 1]

::-webkit-scrollbar { display: none; }

[Smitty018210 143]

9 hours ago, newday2022 said:

::-webkit-scrollbar { display: none; }

Thank you, but this code does not work. I found similar code by Googling for a solution before asking here. 

Thanks though!

[sh0rty 714]

14 hours ago, Smitty018210 said:

Thank you, but this code does not work. I found similar code by Googling for a solution before asking here. 

Thanks though!

 

.emby-scroller {
    -ms-overflow-style: none !important;  /* Chromium */
    scrollbar-width: none !important;  /* Firefox */
}

/* Expand skinheader to fill the missing scrollbar gap */
.skinHeader {
  margin-right: -15px !important; 
  padding-right: 15px !important;
}

 

Edited October 24, 2025 by sh0rty

[Smitty018210 143]

1 hour ago, sh0rty said:

 

.emby-scroller {
    -ms-overflow-style: none !important;  /* Chromium */
    scrollbar-width: none !important;  /* Firefox */
}

/* Expand skinheader to fill the missing scrollbar gap */
.skinHeader {
  margin-right: -15px !important; 
  padding-right: 15px !important;
}

 

thank you kindly for this!