Header & Menu

Header & Menu

Before diving into the process of creating a header using the new Block Editor, it's important to have a clear understanding of the tools and features at your disposal. Here, you'll find all the information you need to make the most of this powerful tool and create a header that truly stands out. With a little bit of creativity and attention to detail, the possibilities are endless. Let's get started!


To set up your header part & menu, please navigate to Edit Site.


Selecting a header layout

Avalon comes with a few pre-set header layouts you can choose from. For easier understanding of how to switch between header layouts check the video below.


Adjust and design your headers

Headers are created with blocks which means you can easily rearrange them, add more blocks, remove blocks you don't need, change colors etc., as shown in the example below.


How to create Menu

Discover the easy way to create a navigation with the new Site Editor. Learn How to Create Navigation in a Block WordPress Theme.

How to create Mega Menu

Want to add one or more menu items as a mega menu? Start by adding a main menu item, give it a name, and click on the "link" icon. Type "#" instead.

Next, add submenu items, we named them "Menu Heading." Click on the "link" icon and type "#" again.

Now, create a submenu for each "Menu Heading" item. You can choose from pages you've already created or add custom links, etc.

Once you've finished, click on the "Mega Menu" item and in the "Settings" - "Submenu" choose "Mega Menu" option. For easier understanding check the video below.