If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Monstroid. How to manage Navigation (Mega Menu)

Monstroid. How to manage Navigation (Mega Menu)

This tutorial will show you how to work with Mega Menu in Monstroid template.

Monstroid. How to manage Navigation (Mega Menu)-1

  1. Go to Appearance – Menus. Make sure that Header Menu (Primary) is selected:

    Monstroid. How to manage Navigation (Mega Menu)-2

  2. Hover over menu item. Click Mega Menu button:

    Monstroid. How to manage Navigation (Mega Menu)-3

  3. Mega Menu is powered by widgets. Basically, you can add appropriate widgets and they will appear in sub menu. In our case all widgets are Custom Menus:

    Monstroid. How to manage Navigation (Mega Menu)-4

  4. Click on Edit icon and you will see widget settings. Click on Delete in order to remove the widget:

    Monstroid. How to manage Navigation (Mega Menu)-5

  5. You can specify width of widget by clicking on "-" or "+" icons:

    Monstroid. How to manage Navigation (Mega Menu)-6

  6. Now we are going to create custom menu and assign it to Mega Menu using Custom menu widget. Go to Appearance – Menus. Click on create a new menu:

    Monstroid. How to manage Navigation (Mega Menu)-7

  7. Select appropriate pages and add them to Menu. We have added Terms menu item:

    Monstroid. How to manage Navigation (Mega Menu)-8

  8. Open Header Menu (Primary) menu and add menu item to it. We have added Terms menu item. Click on Mega Menu button:

    Monstroid. How to manage Navigation (Mega Menu)-9

  9. Enable Mega menu using checkbox. Select appropriate widget. We are going to add Search widget and Custom menu widget:

    Monstroid. How to manage Navigation (Mega Menu)-10

    For custom menu widget you should specify custom menu we have created previously. In our case custom menu is called Terms menu:

    Monstroid. How to manage Navigation (Mega Menu)-11

  10. You can change order of widgets. Just drag widget and change its position:

    Monstroid. How to manage Navigation (Mega Menu)-12

  11. We have added Menu item with Mega Menu:

    Monstroid. How to manage Navigation (Mega Menu)-13

  12. In Settings tab of Mega menu you can specify layout settings like grouping Mega Menu widgets in columns, specify Layout of sub menus. You can also set width for appropriate screen resolutions. You can hide sub menu on mobile device using appropriate checkbox. In this case sub menu will not appear on mobile devices:

    Monstroid. How to manage Navigation (Mega Menu)-14

  13. Media tab allows setting icons and arrows for menu items. You can select icon for parent menu item or change icon for arrow. You can also disable arrow using appropriate checkbox:

    Monstroid. How to manage Navigation (Mega Menu)-15

  14. Refresh the page and check your site. We have added the icon to menu item and changed the arrow:

    Monstroid. How to manage Navigation (Mega Menu)-16

Feel free to check the detailed video tutorial below:

Monstroid. How to manage Navigation (Mega Menu)