Navbar bug with left padding


Topic: Navbar bug with left padding

lede pro premium asked a week ago

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.


Mikołaj Smoleński staff commented 7 days ago

Hi there,

We fixed the snippet and now it works correctly.

Keep coding,  Mikołaj from MDB


lede pro premium commented 6 days ago

Thanks, what was the change?


Mikołaj Smoleński staff commented 4 days ago

I added some new lines in js.

Keep coding,  Mikołaj from MDB


lede pro premium commented 2 days 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 days ago

We made some updates. Please check the snippet again.

Keep coding,  Mikołaj from MDB


lede pro premium commented a day 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 13 hours ago

Thanks for the information. It should be .navbar .breadcrumb-dn. Already fixed. Keep coding, Mikołaj from MDB


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: MDB4 4.19.2
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes