Change menu navigation text color

Solved
Highlighted
Tourist
12 0 0

Hi all,

 

Im building a website called www.detriatleet.nl

 

I would like to change the text of the color of the navigation menu. It is white now, but it would be better visible in black.

 

When investigating and trying out adding color: black it worked but i cannot find the codes in the Edit codes part. I was searching in the theme.scss.liquid page but cant find it :( 

 

Can someone please help me out? 

 

Thanks in advance,

Lars

0 Likes
Highlighted
Shopify Partner
1085 221 287

This is an accepted solution.

Hello Lars,

Yes its in theme.scss.css, edit theme.scss.css and perform search with this ( a.site-nav__link ) when you find it change ( color: #aaa; to #000 )
If you can't find it add this at the bottom of theme.scss.css

a.site-nav__link {
color: #000 !important;
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
2 Likes
Highlighted
Tourist
12 0 0

The first one didnt work, second one does! Thanks :)

 

Could you maybe show me why the first didnt work? I got this code now :

.site-nav__link {
@include accentFontStack;
@include transition(color 0.2s);
font-size: em(14px);
}

 

and changed it to

 

.site-nav__link {
@include accentFontStack;
@include transition(color #000);
font-size: em(14px);
}

 

But this didnt work?

 

0 Likes
Highlighted
Shopify Partner
1085 221 287

Someone already explain it, you can check here  https://community.shopify.com/c/Shopify-Discussion/CSS-explained/td-p/346260

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
12 0 0

Could  you please tell me how to  change the burger-menu when using the mobile version? It is now white and I would like it to be black. Found the files of the burger, but cant change it. When i inspecht i see its overwrited by something in the header.

 

Thanks in advance.

0 Likes
Highlighted
Shopify Partner
1085 221 287

This is an accepted solution.

@media only screen and (max-width: 749px){
.burger-icon {
    background: #000 !important;
}
}

Add this in your css 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
12 0 0

Thank you!!!

0 Likes
Highlighted
Shopify Partner
1085 221 287

Please Like and Accept Solution.

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
New Member
1 0 0

The second solution worked for me too, but when I switch to mobile it's the initial colour I had. 

How can I do that? 

Thanks for the help. 

0 Likes