Topic: Side menu toggles (disappears & appears) when browser window is resized

kaimeng pro asked 5 years ago

MDB Angular PRO 4.3.5 with
Double Navigation with fixed SideNav and fixed Navbar

Video of issue

When the f-s-f-n codes  were added to initial code (and nothing else), resizing the browser window caused the side menu to "disappear" The space when the size menu was supposed to be is blank.  There is no "hamburger" icon.  The only way to recover is to resize the browser once more.

This does not happen in the live preview. pro commented 5 years ago

I’m also experiencing this exact same issue.

kaimeng pro answered 5 years ago

It works fine if I just take the changes for the file typescripts/pro/sidenav/sidenav.component.ts and ignore the changes cited by indijosh  

kaimeng pro answered 5 years ago

The solution seems to have a side effect. When the side menu is hidden (due to small browser window), clicking the “hamburger” icon does not bring the side menu back.

Maciej Szuchta free commented 5 years ago

Hello, Please, provide me some information about resolution when 'hamburger' doesn't work. Regards

Worked for me as well

kaimeng pro answered 5 years ago

The solution works.  Thank you.

Maciej Szuchta free answered 5 years ago

Hello Please try following this solution:


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes