How To Change Menu Color In WordPress? [in 2023]

Written by: Mark Coleman
Published on:

Have you ever wanted to change the menu color on your WordPress website, but found it frustrating when it didn’t work? Don’t worry, you’re not alone! In this blog post, we’ll discuss possible solutions to this issue and guide you through the steps to change the menu color in WordPress.

We’ll also explain why and when you should consider changing your menu color, and provide tips on how to choose the right color for your website.

With our expertise and experience, you’ll be able to enhance the look and feel of your website in no time!

If you prefer to watch a video tutorial on how to Change Menu Color In WordPress, check out this video tutorial:

How To Change Menu Color In WordPress?

Here is how to Change Menu Color In WordPress:

  1. Open your WordPress website and right-click on the navigation menu you want to change.
  2. Click on “Inspect” and select “Tab 2”.
  3. Select the menu section or menu area you want to change and copy the class name.
  4. Click on “Customize” and then click on “Additional CSS”.
  5. Delete any existing code and type a dot followed by the copied class name and a second bracket.
  6. Type “background” and then the desired color code. For example, “white”.
  7. Preview the changes and click on “Publish” to save the changes.

Congratulations, you have successfully changed the menu color on your WordPress website!

Can’t Change Menu Color In WordPress – How to fix it?

Changing the menu color in WordPress can be a frustrating experience, especially when it doesn’t seem to work. However, there are several possible solutions to this issue that you can try.

1. Clear cache – Sometimes, the issue could be as simple as a caching problem. Clear your browser cache and try again. If this doesn’t work, try clearing your WordPress cache as well.

2. Use a plugin – If you’re not comfortable with coding, using a plugin can be a great solution. There are several free and paid plugins available that can help you change the menu color without any coding knowledge.

3. Check the theme settings – Your theme might have built-in options to change the menu color. Check the theme settings to see if you can change the color there.

4. Use custom CSS – If none of the above solutions work, you can try using custom CSS. Follow the steps mentioned in the video transcript to add custom CSS to your menu section. Make sure to copy the correct class name and add the CSS code correctly.

By trying these solutions, you should be able to change the menu color in WordPress. If you’re still facing issues, consider reaching out to a WordPress developer for help.

Why and When Should You Change Menu Color in WordPress?

Changing the menu color in WordPress can be an effective way to enhance the overall look and feel of your website. Here are a few reasons why and when you should consider changing your menu color:

  1. Branding: If you want to create a consistent branding experience for your website visitors, changing the menu color to match your brand colors can be a great way to achieve this. This can help your website stand out and be more memorable to your visitors.
  2. Navigation: Changing the menu color can also help to make your navigation more intuitive and user-friendly. By using a contrasting color for your menu, you can make it easier for visitors to find and click on the links they need.
  3. Seasonal Updates: If you want to give your website a fresh look for a new season or holiday, changing the menu color can be a quick and easy way to achieve this. For example, you could change the menu color to red and green for Christmas, or orange and black for Halloween.

When it comes to changing your menu color, it’s important to choose a color that complements your website design and is easy to read. You should also consider the overall tone and style of your website, as well as the preferences of your target audience.

To change your menu color in WordPress, you can follow the steps outlined in the video tutorial above. By using the Inspect tool and adding custom CSS, you can quickly and easily change the background color of your menu. Just remember to test your changes on different devices and browsers to ensure that your menu is still easy to use and navigate.

Conclusion – Change Menu Color In WordPress

Changing the menu color in WordPress can seem like a daunting task, but with the right guidance, it can be a quick and easy way to enhance the overall look and feel of your website.

By following the steps outlined in this blog post, you can change the menu color in WordPress and make your navigation more intuitive and user-friendly.

Additionally, we’ve provided solutions to common issues that you may encounter when changing the menu color, such as caching problems and theme settings.

We’ve also explained why and when you should consider changing your menu color, such as for branding purposes or seasonal updates.

With our expertise and experience, you’ll be able to choose the right color for your website and make your website stand out in no time!

Mark Coleman - HowTOBuildWebsites
Written by Mark Coleman


Mark Coleman is the founder of HowToBuildWebsites.org, which provides comprehensive tutorials on website builders like WordPress, Wix, Squarespace, Webflow, and Shopify. He graduated from the University of North Texas with a business degree, developing an interest in web design's changing landscape and website builders' potential.

Mark enjoys experimenting with new web technologies, refining his web development skills, and actively participating in web design and development communities.

Learn more about him and read his articles here on HowToBuildWebsites.org.

Leave a Comment