Multimusen.dk

Mega Menu 2

Written by

Per Thykjaer Jensen

in

, , ,

My Mega Menu will appear above this post when you hover over “Dropdown” – or click on it.

  • Responsive
  • No plugin needed – it’s all done by HTML, CSS, JavaScript and WP markup.
  • The menus inside the mega menu are made by WP’s navigation block

Insert the wanted menu somewhere. Make sure to adjust the menu’s behavior. Select the block in Document Overview. Then copy the block.

Now in the editor – paste the code. You will get something along these lines:

<!-- wp:navigation {"ref":62,"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center","orientation":"vertical"}} /-->

How to Create a mega menu

Sample Code on Github

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More posts

Enable Notifications OK No thanks

We use cookies - more information

Multimusen.dk will set a few cookies from Doubleclick, Google and the Social Media plugins they ay set some cookies. Some of my pages use APIs - such as YouTube, LinkedIn, Google Fonts, Google Maps, Mapbox, Spotify, Jetpack, Twitter, Facebook &c.. Such plugins may set the odd cookie.

Close