DEBUT Theme : change Navigation Menu Font

Highlighted
Tourist
5 0 1
I have two questions regarding the font.
 
  1. m trying to change the font of navigation menu, but its linked to the body text settings.
When I changed the font of navigation menu, it changed the body text as well. But I want separate font for the navigation menu and the body text.
 
 
2.  We would like to have the main menu Home and products in bold, but regular fonts in dropdown menu(power banks, chargers and hubs).
 
 
 
Please help me out with the above questions.
 
Thanks,
 
Leslie
0 Likes
Highlighted

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 1
Highlighted

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.site-nav__link--main {
    font-weight: bold;
}

To chnage navigation font size:

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.site-nav__link {
    font-size: 17px;
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 1

Thanks for your help!

 

But what I need is to change ONLY the navigation font WITHOUT changing the font of body text.

In the debut theme, the navigation font is linked to the body text font.

 

For example, I would like to have times new roman for navigation font, and maybe Agmena font for the body text.

Just an example, I may change different font in the future.

 

 

0 Likes
Highlighted

@leslielemon,

Do You want to change the Font family of navigation then please add below css

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

Note:- Change font family as per your requirement

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes