How to build a mega menu in a WordPress block theme

A shop or a service business soon has more pages than a simple dropdown can hold. A mega menu opens a large panel with columns, headings, pictures and buttons, so visitors see everything at once.

Add a mega menu item

  1. Install the free SoftIcon Mega Menu and activate it.
  2. Open Appearance → Editor and edit the header.
  3. In the Navigation block, add a Mega Menu item and write its label.
  4. Click Create panel. The panel is a template part, so you build it in the Site Editor with columns, lists, images and buttons.
  5. Save.

Choose how it opens

  • Hover opens the panel when the mouse is over the item. Touch screens and keyboards always open it with a tap or Enter.
  • Click waits for a click, which suits menus with a link on the item itself.
  • Width can follow your theme (Content or Wide), span the whole screen (Full), or be a set number of pixels.

On phones

Inside the Navigation block’s phone menu, the panel opens under its item. If the item also has a link, you can send phone users straight to that page instead.

Open the shop menu demo and move the mouse over Shop to see one in action.

Categories

Related Posts

How to add a poll to WordPress without a third-party service
How to add a poll to WordPress without a third-party service

Polls from outside services add scripts, cookies and sign-ups. Here is a poll whose votes…

Read More
admin

admin

How to turn a PDF catalog into a flipbook in WordPress
How to turn a PDF catalog into a flipbook in WordPress

A PDF link makes people download a file. A flipbook lets them read the catalog…

Read More
admin

admin

How to show products in 3D and AR in WooCommerce
How to show products in 3D and AR in WooCommerce

Photos show one side of a product. A 3D model shows every side, and on…

Read More
admin

admin

How to edit WooCommerce prices and stock in Google Sheets
How to edit WooCommerce prices and stock in Google Sheets

Changing prices one product at a time is slow. In a spreadsheet you can paste…

Read More
admin

admin

Maps, video and documents without a slow page
Maps, video and documents without a slow page

Maps, videos and document viewers are heavy. Loaded only when needed, they cost almost nothing…

Read More
admin

admin

How to show Word, Excel and PDF files on a WordPress page
How to show Word, Excel and PDF files on a WordPress page

Visitors should not need Office or a download to read a handbook or a price…

Read More
admin

admin