Customize the design of your menu, change the colors to match the look of your site, or choose a new font size, style, and more.
You can adjust both the menu and submenu, and have different designs for the 3 states of the menu items; Regular, Hover and Current page.
Customizing the menu container
The menu container is the space around the items.
Use options such as border and fills to design your container and create an eye-catching menu.
To customize the menu container:
Select the menu in the Editor.
Click the Design icon.
Click Customize Design.
Click Menu container under What do you want to design? and use the options to customize the container.
Customizing the menu items
Adjust how your items appear in your site menu.
Customize the design to keep your menu sleek, and encourage site visitors to click and explore your site.
To customize the menu items:
Select the menu in the Editor.
Click the Design icon.
Click Customize Design.
Select Menu items under What do you want to design?
Choose whether to design the items on regular, hover, or current page mode, and use the tabs to customize the items.
Customizing the submenu container
Customize the submenu container to display submenu items in a unique, sophisticated way.
You can have a similar design to the main menu, or design something completely different to interest your site visitors.
To customize the submenu container:
Select the menu in the Editor.
Click the Design icon.
Click Customize Design.
Select Submenu container under What do you want to design? and use the options to adjust the design.
Customizing the submenu items
Change the design of your submenu items with the available options.
You can edit the text settings, add a shadow, and more to suit your site's look and feel.
To customize the submenu items:
Select the menu in the Editor.
Click the Design icon.
Click Customize Design.
Select Submenu items under What do you want to design?
Choose whether to design the items on regular, hover, or current page mode, and click the tabs to customize the items.