Topic: Navbar bug with left padding
Expected behavior Resizing smaller to hide the side menu then resizing larger to pull the side menu out should return the top navbar back to the state it loaded in
Actual behavior The text in the top navbar (Material Design for Bootstrap) is visible initially, you resize to hide the side nav and the button appears. Top navbar gets the inline style "padding-left: unset". Resize to make open the side nav, top navbar "padding-left: unset" remains and the text (Material Design for Bootstrap) is behind the side nav
Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/jquery/mdbootstrap/102686?action=fullscreen Load the page with sidenav open, resize to hide, resize again to show.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: MDB4 4.19.2
- Device: PC
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes
Mikołaj Smoleński staff commented 2 years ago
Hi there,
We fixed the snippet and now it works correctly.
Keep coding, Mikołaj from MDB
lede premium commented 2 years ago
Thanks, what was the change?
Mikołaj Smoleński staff commented 2 years ago
I added some new lines in js.
Keep coding, Mikołaj from MDB
lede premium commented 2 years ago
Unfortunately this js breaks the sidenav for Edge and the menu button will not open at all when collapsed
Mikołaj Smoleński staff commented 2 years ago
We made some updates. Please check the snippet again.
Keep coding, Mikołaj from MDB
lede premium commented 2 years ago
I had to change "navbar .breadcrumb-dn" to just ".breadcrumb-dn" but it works now. With navbar in there it reverts to the previous behaviour
Mikołaj Smoleński staff commented 2 years ago
Thanks for the information. It should be
.navbar .breadcrumb-dn. Already fixed. Keep coding, Mikołaj from MDB