Topic: Navbar bug with left padding

lede premium asked 3 years 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 3 years ago

Hi there,

We fixed the snippet and now it works correctly.

Keep coding,  Mikołaj from MDB


lede premium commented 3 years ago

Thanks, what was the change?


Mikołaj Smoleński staff commented 3 years ago

I added some new lines in js.

Keep coding,  Mikołaj from MDB


lede premium commented 3 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 3 years ago

We made some updates. Please check the snippet again.

Keep coding,  Mikołaj from MDB


lede premium commented 3 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 3 years ago

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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • 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