Visit Pocco WordPress theme to create a new forum & blog website. Pocco bbPress WordPress Theme

View Categories

How to Create Mega Menu

The theme comes with a simple mega menu feature. With this mega menu, you can divide its submenus into columns and categorize them according to titles. Examine the screenshot below, you will understand the working logic.

Mega Menu

Step 1 – Navigate to the ‘Appearance > Menus’ page.

Step 2 – Select/open a menu or create a new menu.

Step 3 – Click on the ‘Screen Options’ in the top right.

Step 4 – Select the ‘CSS Classes’ in the ‘Screen Options’.

Step 5 – The ‘CSS Classes’ field will appear in the menu item edit pane. Add the language selector to your menu.

Step 6 – Add the class “gt-mega-menu gt-mega-menu-4” to the menu item where you want to add the mega menu. For example you have a menu item called Home, below that you will create mega menu, add this class to Home menu item.

You can change the number 4 with the amount of columns you want. For example 2, 3 or 5.

Mega Menu - Edit Pane
Step 7 – Then add your submenus under this main menu item.
Mega Menu - Submenus

When you create the menu as above, the result will be as follows.

Mega Menu - Submenus Export

If you want to divide submenus into titles, you need to divide submenus into titles. For example;

  • Main Menu Item
    • Submenu Title #1
      • Submenu Item
      • Submenu Item
      • Submenu Item
      • Submenu Item
    • Submenu Title #2
      • Submenu Item
      • Submenu Item
      • Submenu Item
      • Submenu Item
    • Submenu Title #3
      • Submenu Item
      • Submenu Item
      • Submenu Item
      • Submenu Item
Mega Menu - Divided Submenus

If you create it this way, you will have the mega menu as in the example below.

Mega Menu