Changing the Menu Link Styles

How to change the Menu Link Color

In order to change the color of the menu links you will need to be in the Menu Items section.

In the Dashboard navigate to Appearance → Customize
In the Customizer menu navigate to Design → Menus → Menu Location → Menu Items → Link Color
Click on the palette color that you wish to use
Click on Publish in order to save your selection

How to change the Menu Link Hover Style

In order to change the style of menu links on hover you will need to be in the Menu Items section.

In the Dashboard navigate to Appearance → Customize
In the Customizer menu navigate to Design → Menus → Menu Location → Menu Items → Hover Style
Click on the palette color that the text will change to on hover
Click on Publish in order to save your selection

There are also a number of Hover Effects that you can choose from, or leave at No Hover Effects to simply have the color change. When the hover effect is enabled, you will see the color selected used for the effect when the mouse hovers over the selected menu item.

How to Change the Borders for Menu Links

The settings here change the border and border radius that appears on every menu item. If you want to control the border and border radius on the entire menu area click here.

In the Dashboard navigate to Appearance → Customize
In the Customizer menu navigate to Design → Menus → Menu Location → Menu Items → Border
Select a Border Type option
Use the sliders to control the widths of your border sides
Click on the palette color that you wish to use
Click Publish to save your changes

The Border Radius controls the roundness of your element’s corners. A higher border radius values creates more rounded corners. You can use the responsive tools to customize border options at different screen sizes.