Topic: Mega Menu not adjusting with Angular sidenav

skota pro asked 5 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 pro commented 5 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 5 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.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Macbook Pro
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: Yes
  • Provided link: No