Wix home
Get Started

Wix Editor: Customizing Your Horizontal Menu Design

12 min read
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 dropdown menu, and have different designs for the 3 states of the menu items; Regular, Hover and Current page.
Important:
  • This article refers to horizontal menus in the add panel only, and not themed menus that you can add to your site. 
  • The design options vary depending on the preset you choose. 

Learn more about customizing your:


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:

  1. Select the menu in the editor.
  2. Click the Design  icon.
  3. Click Customize Design.
  4. 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:

  1. Select the menu in the editor.
  2. Click the Design  icon.
  3. Click Customize Design.
  4. Select Menu items under What do you want to design?
  5. Choose whether to design the items on regular, hover, or current page mode, and use the tabs to customize the items.

Customizing the dropdown menu container

Customize the dropdown menu container to display dropdown 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 dropdown container:

  1. Select the menu in the editor.
  2. Click the Design  icon.
  3. Click Customize Design.
  4. Select Dropdown menu container under What do you want to design? and use the options to adjust the design.

Customizing the dropdown menu items

Change the design of your dropdown menu 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 dropdown menu items:

  1. Select the menu in the editor.
  2. Click the Design  icon.
  3. Click Customize Design.
  4. Select Dropdown menu items under What do you want to design?
  5. Choose whether to design the items on regular, hover, or current page mode, and click the tabs to customize the items.
Note:
If you do not see the option to customize the design of your dropdown menu, you may need to add a new horizontal menu to your site. Learn how

Did this help?

|