Need to change menu heading color

[Cara_Circuit]

Hello, 

I can easily change the color of the text in my menu list, but I can't figure out how to change the color of the menu headings. Symmetry theme and the site is circuitbmx.com

[suyash1]

@Cara_Circuit  please add this css to the very end of your main.css file and check

a.navigation__link.navigation__column-title {color: #ff0011;}

a.navigation__link.navigation__column-title:hover{color: #ff0011;}

[Guleria · Accepted solution]

Hello @Cara_Circuit ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your main.css file and paste the following code at the bottom:

a.navigation__link.navigation__column-title {
    color: #ff0000;
}

You can change color code a/to your need.

If problem solved don't forget to Like it and Mark it as Solution!

Thanks

[Cara_Circuit]

Thank you for the fast reply! I've never edited code before. It was easy! Can you also tell me how to make it slightly larger? The list is larger than the headings

[Guleria]

To increase the font size use this css just next to the previous css

.navigation__item  a.navigation__link.navigation__column-title {
    font-size: 1rem !important;
}

 If problem solved don't forget to Like it and Mark it as Solution! 

Thanks

[Cara_Circuit]

Thanks. When I put the code into my copy of the store it worked, but not on my live store. Perhaps an app is getting in the way? 

[Guleria]

  Can you apply the css in the live theme so i can check ?  

[Guleria]

Please replace both previously provided css with this one

.navigation__item a.navigation__link.navigation__column-title {
    font-size: 1rem!important;
    color: #000 !important;
}

If problem solved don't forget to Like it and Mark it as Solution!