Hi Charis,

I don't get where I can configure mega menu?

Editing main-menu I can not see any options to configure here...?

roman30845 said:

Hi Charis,

I don't get where I can configure mega menu?

Editing main-menu I can not see any options to configure here...?

Hello Roman!
Υou're right as I haven't mentioned anything on documentation about Mega menu settings.

• To be able to enable mega menu on a menu item you have to insert class "mega" on menu item css class attribute. You have to go to Pages plugin -> Menus -> select menu item -> On attribute tab insert "mega" on css class -> Click Apply ->Save main-menu.
• If you want to insert animate effects to reveal menu items you just insert animate class from animate.css library. There is a default animation but you can change it if you insert new class with the same way that described. For example you can insert "flipInY" class.
• If you want to specify the width of the submenu item of the mega menu you have to insert the bootstrap 4 column class on menu item attributes css class. For example if you need a mega menu with 4 columns you have to insert css class "col-lg-3 col-md-6" on every item attribute css class.
• You also have the option to insert banners on mega menus. You first need to create the banner on theme settings header options. Then you have to create a menu item with type "Header" and insert the class "banner1" on atributes css class. You can create maximum 8 banners for your mega menus.
  Please let me know if that help you.

Last updated 4 years ago

Thanks :-)