Mega Menu not adjusting with Angular sidenav


Topic: Mega Menu not adjusting with Angular sidenav

skota free asked 3 years ago

Hi,   I really like the Mega Menu, but when I tried to use it with sidenav, it's not setting the width properly.   for now, I am setting the width manually,
calc(100% - 240px) where 240px = sidenav width.


Can you please provide a better solution or workaround.

skota free commented 3 years ago

I had fixed it in this way _doublenavbar.scss .dropdown { .dropdown-menu { padding-left: $fixed-sn-double-nav-main-footer-pl; display: none; position: absolute; transform: translate3d(6px, 49px, 0px); top: 0px; left: 0px; will-change: transform; } @media (max-width: $sidenav-breakpoint) { .dropdown-menu { padding-left: 0; } } }

Damian Gemza staff answered 3 years ago

Dear skota524, Thanks for your report. We'll take a deeper look on your problem in the future. Best Regards, Damian
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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Macbook Pro
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No