Mega Menu with Grid Columns

Hi ns85gs,

Yes, it is possible to make your menu with columns. To achieve this it is necessary to create a page WP Custom Menu, element in Visual Composer and create your menu, then paste your page id and make it mega menu. The result will be like you can see in Newsmag demo (Travel item) – http://screencast.com/t/vPNZFiKUP – http://demo.tagdiv.com/newsmag/

For create a page, please follow the steps below:
-firstly, create your menus from appearance -> menus section: http://screencast.com/t/5ntqLpyXaaJ
-add your items to your custom menus: http://screencast.com/t/Ff4S0quiv
-set a page like this and choose your menus and publish: http://screencast.com/t/dAfaYkWmmk
-then use the page ID an set it as mega menu for your menu item: http://screencast.com/t/yphGpD46V
Result: http://screencast.com/t/TEVNDFmT

You can consult our documentation about page menu here: https://forum.tagdiv.com/page-menu/

Hope this helps and let us know how it goes!

Thanks!

Hi ns85gs,

Yes, it is possible to create this columns without Visual Composer but you must have knowledge of HTML. First of all you have to create a new simple page with mega menu feature, then in your text editor you must put your content.
In this screenshot you can see an example of the table in HTML. http://screencast.com/t/RUmlzE6xPDx and the result should see here: http://screencast.com/t/XANkNO48gd
Practically, the mega menu feature allow your content in header.

Hope this helps and let us know how it goes!

Thanks!

Hi,

You can easily create your own layout, please check this topic – https://forum.tagdiv.com/topic/page-menu-unordered-list/

Thanks!

Hi,

Unfortunately the font awesome icons will not appear into the mega menu, as it was not tested in this regard. However you could try this custom css and see if the icon appear, but please note that it may not look good:

.td-mega-menu-page .wpb_content_element ul li a .fa {
display: inline-block;
}

To hide the border you can use this code – http://screencast.com/t/kQ7Hm3OK

.td-mega-menu-page .vc_wp_custommenu ul li {
border: none !important;
}

Thanks!

Hi,

Unfortunately it doesn’t pull also the row settings, sorry!
But you could target the menu item and add background color using custom css – http://screencast.com/t/8PrEArl5gT

.menu-item-xxx ul {
background-color: red;
}

Thanks!