Change Main Menu Color

Highlighted
Shopify Partner
7 0 3

Hello. 

I am wanting to change the color of and make bold the word "Holiday" on our main menu navigation to #700828 and increase the font size for the entire menu. 

How is this possible. I have tried to modify the "theme.scss.liquid" but the color/font size does not show after saving. 

Please see attached. 

Thank you in advance. 

Modify Nav..PNG

 

 

0 Likes
Highlighted
Shopify Expert
872 72 205

If it's not saving, check 2 things:

1) You're previewing the correct theme.

2) You have the correct CSS rule.

You should not edit your theme CSS file directly, because if you update your theme, your customizations may be overwritten. To see how to create a custom CSS file, plus help with finding the correct CSS rule, this guide will show you the way: https://speedboostr.com/how-to-safely-edit-your-shopify-theme.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Theme Scientist (A/B testing app).
Creator of Order Automator (app that auto tags + fulfills orders, send emails).
Creator of Tip Jar (add a tip button to your store).
Creator of Shopify Analyzer (first performance analysis tool specifically for Shopify sites).
My team also builds custom apps and automated solutions.
Enjoy the adventure!
0 Likes
Highlighted
Shopify Partner
3171 698 846

@AHarper 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
7 0 3

@dmwwebartisan 

URL: Harperandteal.com

Would there be any way to encrypt my password since this is a public forum? 

I can make the necessary changes 

0 Likes
Highlighted
Shopify Partner
3171 698 846

@AHarper 

Yes, you can enable password and DM me your password. I will check further.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
7 0 3

@dmwwebartisan 

Message sent 

Thank you! 

1 Like
Highlighted
Shopify Partner
3171 698 846

@AHarper 

Yes, I will check and update you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
3171 698 846

@AHarper 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

header.site-header nav.nav-bar ul.site-nav li a{
font-size: 17px !important;
}
nav.nav-bar ul.site-nav li a[href^="/collections/holiday"] {
    font-weight: 900 !important;
    font-size: 18px !important;
   color: #700828 !important;
}

 

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
7 0 3

Thank you. 

This worked perfectly! 

1 Like