Topic: Align mega menu columns with top items
I would like the columns of the mega menu align with the top items of the menu. So, in my case I have a logo on the left and then several top items. Column 1 of the mega menu should be aligned to item #1, column 2 to item #2, and so on.
Right now, if you click on "Livestream" in the snippet sample, the menu items do not appear directly below "livestream". If you check "TV-Programm", it works better for the first column of the sub-menu, but the second column does not align with "Sonstiges".
Resources (screenshots, code snippets etc.): snippet sample
Hi,
In Livestream section instead col-md-3paste col-md-4
In Sonstiges section instead col-md-2 paste col-md-5
If you would like to make any more changes, here is an explanation of the use of gird in our documentation https://mdbootstrap.com/docs/jquery/layout/grid-usage/
Best,
Adam
Hi Adam,
thanks for your response, I am not sure I can follow you.
For the livestream section, all columns are already set to col-md-4.
For the sonstiges section, I changed the columns now to col-md-5. This looks just fine, but makes me wonder, since the columns now add up to 21, not 18.
Kind regards
Wolfgang.
Adam Jakubowski staff pro premium priority commented 5 years ago
I mean to create something like this https://mdbootstrap.com/snippets/jquery/adamjakubowski/1025584?view=project#html-tab-view here is an explanation of the use of gird in our documentation https://mdbootstrap.com/docs/jquery/layout/grid-usage/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.5
- Device: PC
- Browser: Firefox
- OS: ubuntu
- Provided sample code: No
- Provided link: Yes