Change background color of nav bar, WordPress Avada theme

To change the background color of the menu bar in the Avada WordPress theme follow the steps below.

  1. Find/copy the hexadecimal value of the color you want to change the nav bar or menu bar too using this chart.
  2. Next log into WordPress and click on: ‘Avada’ > ‘Theme Options’ > ‘Custom CSS’.
  3. Paste this CSS code into the ‘Custom CSS’ field. Replace the ‘color-here’ text with the hexadecimal color code you copied earlier.
    .fusion-secondary-main-menu {
    background-color: color-here !important;

    .main-menu {
    background-color: color-here !important;

  4. Click the ‘Save Changes’ button.

Published by

angelo bonavera

Hi I'm a web developer and I run a web hosting company called

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s