Themezinho themes include a built-in mega menu system. You can build multi-column dropdowns with icons, labels, and featured sections — entirely from the WordPress menu editor, no plugins needed.
How the mega menu works
The theme uses CSS classes on menu items to trigger the mega menu layout. Top-level items become the dropdown trigger; child items are grouped into columns.
Step 1 — Enable the mega menu on a top-level item
- Go to Appearance → Menus.
- Expand a top-level menu item by clicking the arrow.
- In the CSS Classes field, type
has-mega-menu. - This tells the theme to render the dropdown as a mega menu panel instead of a simple dropdown.
Step 2 — Create column groups
Child items of the mega menu item are grouped into columns. To mark the start of a new column, add a Custom Link item with:
- URL:
# - Label: your column heading (e.g., “Themes”, “Templates”)
- CSS class:
mega-col-header
Then drag child items underneath it. Each mega-col-header starts a new column in the panel.
Step 3 — Add icons to menu items
In the CSS Classes field of any child item, add an icon class from the included icon set. For example: icon-briefcase or icon-grid. The theme maps these to SVG icons automatically.
Step 4 — Add a featured panel (optional)
To add a right-side featured section (image + CTA), create a child item with the class mega-featured. The theme will render this item using a larger card-style layout.
Testing your mega menu
Save the menu and visit the front end. Hover over the top-level item to trigger the dropdown. On mobile, the mega menu automatically collapses to a standard accordion — no additional configuration needed.
Troubleshooting
- If the mega panel doesn’t appear, check that the
has-mega-menuclass is saved on the correct parent item. - Make sure the primary menu is assigned to the Primary Menu location in Appearance → Menus → Manage Locations.
- Clear all caches after making menu changes.
