Topic: Mega Menu not adjusting with Angular sidenav
                                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.
                                                    
                                                    Damian Gemza
                                             staff                                             answered 7 years ago                                        
                                        Dear skota524,
Thanks for your report. We'll take a deeper look on your problem in the future.
Best Regards,
Damian                                                                                    
                                                                                
                                        
                                        
                                    
                                                                                                        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: Pro
- 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
Related topics
                                
                                
                            
skota524 pro commented 7 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; } } }