Change menu navigation text color

Solved
Tourist
11 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

Success.

Explorer
190 36 41

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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like
Tourist
11 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
Explorer
190 36 41

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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
0 Likes
Tourist
11 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

Success.

Explorer
190 36 41
@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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like
Tourist
11 0 0

Thank you!!!

0 Likes
Highlighted
Explorer
190 36 41

Please Like and Accept Solution.

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like