Topic: Container within megamenu navbar doesn't take affect in adjusting collapsed width
As you can see in the image below, it does not seem possible to use a container within megamenu to adjust the collapsed width as described for navbars here: https://mdbootstrap.com/components/navbar/#containers.
I used the 1:1 code from https://mdbootstrap.com/components/bootstrap-mega-menu/#v-1 and added a container div within.
<nav class="navbar navbar-expand-lg navbar-dark special-color-dark">
<div class="container">
...
</div>
</nav>
Unfortunally, the width is 100% but should be centered...
Add comment
Hi,
add the .container class before each .row class like here:
<div class="dropdown-menu mega-menu v-2 z-depth-1 special-color py-5 px-3" aria-labelledby="navbarDropdownMenuLink2"> <div class="container"> <div class="row"> <div class="col-md-6 col-xl-3 sub-menu mb-xl-0 mb-4"> ... </div> </div> </div> </div>
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.10
- Device: All
- Browser: All
- OS: All
- Provided sample code: Yes
- Provided link: No
Related topics