DEBUT Theme: How do I change navigation menu font???

bunnilashes
Tourist
3 0 2

So I'm a little confused. I'm trying to change just the navigation menu font but it is linked to the body text and I just can't figure out how to change the menu font without changing by body text. 

Please help!!!

Hi @bunnilashes , it is probably because the css selector is not right, would you share your store URL and password? I can take a look, thanks

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

@bunnilashes 

Please add the following code at the bottom of your assets/theme.scss.liquid file to change the font family for navigation only.

nav#AccessibleNav {
    font-family: fantasy;
}

 

I just use the example font above you can replace it with your font.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
bunnilashes
Tourist
3 0 2

I can't seem to find the theme.css.liquid in assets or anywhere else.

0 Likes
bunnilashes
Tourist
3 0 2
dmwwebartisan
Shopify Partner
5877 1342 1724

@bunnilashes 

Please add the following code at the bottom of your asset/theme.css file.

nav#AccessibleNav {
    font-family: fantasy;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JenaSunn
Excursionist
23 0 6

Hi @dmwwebartisan,

Tried this code but it's not working. I want to change navi menu font family to Source Sans Pro. Could you please help me with this issue.  Seemed like this problem has not been solved yet.

I also tried this code below from @oscprofessional but it won't change to source sans pro and stays in times new roman.  Would appreciate anybody's help.

#SiteNav a {
	font-family: "Times New Roman";
}

 

dmwwebartisan
Shopify Partner
5877 1342 1724

@JenaSunn 

Please provide your website URL. I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JenaSunn
Excursionist
23 0 6

Hi @dmwwebartisan, I got it fixed already. Thanks for replying to my post.

0 Likes