Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Advanced Double Navigation with slim Side-nav nad fixed Navbar - Scrollbar and hamburger problem

lassekofoed free asked 4 years ago


Expected behavior

Hamburger icon always to the left when menu collapsed

enter image description here

No Scrollbar at bottom of side-nav

Actual behavior

Menu has scrollbar at bottom See images enter image description here enter image description here

Main and hamburger menu hangs far out to the right when menu has been activate on small screens See images enter image description here enter image description here

Resources (screenshots, code snippets etc.)

Originale found menu thread:

CodeSnip

My Code snippet of problem


Mateusz Łubianka staff commented 4 years ago

Hi @lassekofoed,

You're right with scrollbar at bottom of sidenav. I'll create a task with this issue and our team will fix this. I can't open your snippet. https://streamable.com/elshz I use sidenav on small screen. Is there any bug?

Best,


lassekofoed free commented 4 years ago

Hi Mateusz

The problem with the sidenav hamburger position happens when you are on a small screen and activates the "minimize menu"

Can you answer this question also https://mdbootstrap.com/support/jquery/how-to-init-sidenav-as-slim/


lassekofoed free answered 4 years ago


This looks like is have been fixed in to be fixed 4.17


Mateusz Łubianka staff answered 4 years ago


@lassekofoed,

OK, now I can see the problem. I will create a task with this issue and our team will fix this. Thank you for reporting this.

Best,



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: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.14.1
  • Device: All
  • Browser: Chrome
  • OS: Widows
  • Provided sample code: No
  • Provided link: Yes