Want your Sydney menu items to change to a color of your choice when someone hovers over them? By default, the hover color is the Primary Color used throughout your site, but a small CSS snippet lets you set your own.
In this guide, we’ll walk you through how to change the menu items hover color in Sydney.
Before you get started, make sure you’ve installed and activated the Sydney theme on your WordPress site. If you’re using features from Sydney Pro, ensure that both the Sydney theme and the Sydney Pro plugin are installed and active.
Use the following code to change the hover color for the top menu items:
#mainnav ul li a:hover {
color: #6f84d2;
}Tip: replace #6f84d2 with the color you want.
Info: This is a CSS snippet. If you don’t have a child theme or don’t know how to use one, we recommend adding this snippet in Customize ยป Additional CSS.
That’s it! You’ve successfully changed the menu items hover color in Sydney.
Next, would you like to keep customizing your Sydney site? Check out our guide on changing the slider text font size in Sydney to learn more.
