Buy me a coffee

How to change Navigation Color?

To change Navigation Color in Header.

How To Change Navigation Color 1 Min

We will need to check three cases.

  • Solid Header
  • Gradient Header
  • Adaptive Header

How To Change Navigation Color 2 Min

#1. If Header is Solid
First, Edit Site Header

How To Change Navigation Color 3 Min

Next, click Edit Design

How To Change Navigation Color 4 Min

Click Color > Then you can change Navigation Color here

How To Change Navigation Color 5 Min

#2. If Header is Gradient

First, Edit Site Header

How To Change Navigation Color 6 Min

Next, click Edit Design

How To Change Navigation Color 7 Min

Choose Color > Then you can change Navigation Color

How To Change Navigation Color 8 Min

#3. If Header is Adaptive

First, edit Site Header

How To Change Navigation Color 9 Min

Next, click Edit Design

How To Change Navigation Color 10 Min

You will see this. It means Navigation Color will inherit Top Section Color

How To Change Navigation Color 11 Min

Suppose I will open Homepage in Edit Mode. And click Site Styles icon on top right.

How To Change Navigation Color 12 Min

Next, click Colors

How To Change Navigation Color 13 Min

On Left site, it will show Theme Color of First Section. Here is LIGHTEST 1. You can click LIGHTEST 1 on right side.

How To Change Navigation Color 14 Min

and You can change Navigation Links Color here

How To Change Navigation Color 15 Min