hide scrollbar at navigation side

@feiaweng Could you please provide a link to your site? I’m unclear why you’d want to have a navigation bar that’s wider than the browser width, but if I can take a look directly I’ll be able to help you better. Thanks.

Hello Kathryn,

here is the link. https://www.lisa-kischlat.de. It is still under construction.
You can see the navigation menu on the left side, with a scrollbar, because the menu items are longer than the site.
If you view this site with Chrome, you don`t see a scrollbar, but you can scroll with the mouse.
Is ist possible to hide this ugly scrollbar?
Have tried it with
<code>
.site-header {
overflow-x: hidden;
overflow-y: hidden;
}

.site-header::-webkit-scrollbar {
height: 0;
width: 0;
}
</code>

But it doesn`t work es expected.

Thanks in advance
Ralf

with the code
.site-header {
overflow:hidden;
}
I can hide the scrollbar, but also the possibility to scroll is away.

regards
Ralf

Thanks for that additional info, @feiaweng. I’m not seeing a way to accomplish what you’re after, and I’m still not clear on why you’d want to hide the scrollbar. Even if you found a way to hide it, folks may not realize there are other items in the menu, and will never access them. You’d be effectively hiding some of the navigation from your visitors.

If I understand the issue that you’re trying to solve by hiding the scrollbar better I might be able to find a workaround.

Hello Kathryn,

thanks for your support. The menu is now shortener as before. Now all the nav items are shown on the page without the scrollbar.
I think it is better to use the standards with the browser to avoid problems. ??

Thanks in advance.

regards Ralf

it is solved for me.

regards Ralf

Glad you found a good solution, thanks for letting me know.