Topic: slim sidenav has horizontal scrollbar
Expected behavior Slim SideNav contents width fits horizontally (minimized or not)
Actual behavior Slim SideNav has a horizontal scrollbar at it's bottom
Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/jquery/mdbootstrap/670810#
I'm guessing this is an easy fix, a tweak to the css width of the contents.
Ah, that's interesting, but it still has an issue ... wrapping the text. This seems to work: .side-nav .logo-wrapper { width: 100%; overflow: hidden; } Thanks!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.14.0
- Device: Desktop PC
- Browser: Chrome
- OS: Win10 Pro
- Provided sample code: No
- Provided link: Yes
avoelker free commented 4 years ago
you have to mouse-over the sidenav to see the scrollbar.
Grzegorz Bujański staff commented 4 years ago
Hi. Thanks for report this. We will look at this. For now you can add this to your project styles:
.side-nav .logo-wrapper a { width: 100% }. this should help.