How To Use Mega Menu

Mega Menu User Guide

Mega Menu User Guide

Have a question?

We're here to help.

Open a support ticket

Take your Mega Menu skills from beginner to expert with our 8 focused video tutorials. Each session builds naturally on the previous ones, creating a smooth learning path that covers everything from quick setup to advanced customization. While we recommend following the series to get the most out of Mega Menu, feel free to jump straight to specific topics that catch your interest - each tutorial is designed to give you practical, actionable knowledge you can use right away.

Note: Closed captions are displayed by default, but you can turn them off if you wish - the button is in the lower right corner of the video player.

Getting Started

  • Elements that make up Mega Menu
  • Example menu with different types of drop-downs
  • Add the block to a page
  • Tabbed editor interface with sections
  • Tooltips for detailed help
  • Inline text help (blue shaded)
  • "Help" tab on editor interface for more guidance
  • Minimal default settings to get up and running in seconds
  • Dashboard familiarization: Sitemap, Stacks & File Manager

Basic Menu Content

  • Dynamic nav menu (generated from Sitemap) and “Nav Menu” tab in editor interface
  • Page attributes set in Sitemap
  • Auto mega drop-down (L2 & L3 pages)
  • Logo image & logo text
  • Info Bar, pulling content from Stacks
  • Manual nav menu: insert menu items - simple
  • Call to action buttons

Basic Menu Styling, Layout & Functionality

  • Menu animation & behavior
  • Page icons
  • Basic style options (top-level and drop-down menu)
  • Menu fonts
  • Menu layout and how to prevent wrapping
  • Keyboard shortcuts for improved accessibility
  • Hamburger and responsive options

Menu Skins & Colors

  • Modern skins (with primary and secondary hues)
  • Basic color theory (color wheel, RGB vs HSL)
  • Dark mode support
  • Block background color
  • Make my own style
  • Let my theme decide (for themes with built-in Mega Menu support)
  • Show modern skin demo
  • Designer Mode basics
  • Override individual page color (by page attribute)

Advanced Menu Content

  • Manual nav menu: insert menu items – advanced
  • Site search
  • Members menu (with Concrete membership settings)
  • Language switch
  • Setting up a multilingual site

Extended Menu & Bonus Blocks

  • Drop-down menu type – regular vs auto mega 
  • Controlling mega column count & drop-down width
  • Extended menu overview
  • Advanced layouts
  • Stack sequencing
  • Stack management tips
  • Adding/deleting Extended Menu element
  • Types of blocks to use
  • Page List custom block templates
  • Other included custom block templates
  • Bonus block: Mega Menu Manual Page List
  • Bonus block: Mega Menu Manual Panel Nav List

Advanced Menu Styling & Layout

  • Position options (relative, fixed or sticky), plus background tips
  • Restricting width of menu and drop-downs
  • Control gaps between elements and padding
  • Text alignment and Right-To-Left (RTL) language support
  • Hamburger full compatibility for RTL
  • Custom skin details
  • Methods to customize a Modern skin

Advanced Functionality & Optimization

  • Page link format for SEO
  • Auto mega column width & alignment
  • Logo position adjustments
  • Adding global custom CSS
  • Adding JavaScript functionality
  • Hands-free theme fixes
  • Configuring Mega Menu cache settings
  • Recommended Concrete cache settings
  • Tips to speed up your website and measure performance optimizations
Page Attributes Back to User Guide