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.
Advertisements

Published by

angelo bonavera

Hi I'm a web developer and I run a web hosting company called 2slick.com.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s