Topic: Align mega menu columns with top items

Bibel TV Online-Team pro asked 5 years ago


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 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 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/


Adam Jakubowski staff answered 5 years ago


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



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: 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