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: Mega Menu not adjusting with Angular sidenav

skota pro asked 6 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 6 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 6 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

  • 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