How can I change the color of the top navigation in the Dawn Theme to black?

Store Design
1

Hi all,

I am using the Dawn Theme. The top navigation in my header doesn’t seem to be black in color. Its a darker color but not black. I know this because when I hoover my mouse over a navigation link, the link turns black. Any idea how to make the top navigation solid black in color?

www.PennsylvaniaParks.org

Thanks so much :slightly_smiling_face:

2

Hi @Justin34 ,

You need to make one change in css. In your assets folder look for base.css and try to find

.header__menu-item

and change color to

color: #000000;

Other way is try to look into theme setting if it has any settings related to header styles.

Thanks

1 Like
3

Hi @Justin34 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.header__inline-menu .list-menu__item {
    color: #000 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
4

Worked like a charm… as usual… thanks so much!

1 Like