Mega Menus

LOOP now supports flexible, powerful mega menus — an upgraded navigation option that lets you add more pages, gives you more flexibility on your website's structure and helps you to promote key pages like tickets, events and other highlights.

Instead of a simple list of links or dropdowns, mega menus allow you to:

• Show a primary link and optional buttons at the top
• Add visual highlights (with images, text, and buttons)
• Organise links into one or more columns
• Separate your menu structure from the CMS page tree

How to Create a Mega Menu

1. Go to Settings > Menu
2. Use the new Mega Menus section at the top
3. Add a new menu (e.g. "What's On") — this will override your current nav
4. Inside each menu, you can add:
   - A side image (optional)
   - A primary feature link (e.g. "Tickets & Passes")
   - Columns of sub-menu items
   - Optional highlights (e.g. "Coming Soon" blocks)

Mega menus scale down beautifully on mobile — columns stack vertically, buttons and highlights remain easy to tap.

Tips

• Stick to 2–3 columns max
• 1–3 highlights is plenty
• Icons in menu items can help with scanning
• The settings "cog" gives more control, including hiding the top-level link, reordering highlights on mobile, and switching to a numbered list layout

You can still use mega menus for a basic column of links — just leave out the extras. That gives you flexibility to scale up later without redoing your structure.

Note: Mega menus take over from the old page-by-page "show in menu" tickbox. Menu settings on each page won't affect navigation once a mega menu is in place.

Created by Neil Lewin, Modified on Mon, 9 Mar at 9:55 PM by Neil Lewin