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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | 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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

hello

 

I´m trying to make my hero text on the banner BOLD and change the color, but I don´t find anywhere to make it. Can you help me here?

 

www.latouchedelart.com.br

 

Thank you

0 Likes
Highlighted

Hello

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

.h1.mega-title.slideshow__title {
    font-weight: bold;
    color: orange;
}

 

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0
It worked! Thank you!

0 Likes
Highlighted
New Member
2 0 0

Hi,

 

I modified the code in order to change just the color of the navigation bar, but it works only for desktop version. the color remains the same for mobile version. Can you please help me to work for mobile as well. Thank you

 

.site-nav__link--main, {
color: #FFFFFF;
}

0 Likes