Change nav font, size and colours (debut theme)

Solved
NicoleJB
Excursionist
16 0 5

Hi!

I'm trying to change the:

  • font colour > (white)
  • font > (Futura Bold Oblique)
  • size

of the text in the navigation bar like the image I attached,

Screen Shot 2021-07-22 at 2.33.05 pm.png

Any help would be really appreciated.

https://jazzyboo.com.au/

pw: heloa

 

0 Likes
Pallavi
Shopify Expert
2367 396 512

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.site-nav li span.site-nav__label {
color: white;
font-family: Futura, sans-serif;
font-weight: bold;
font-size: 16px;
}

.site-nav li svg.icon path {
fill: white !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
NicoleJB
Excursionist
16 0 5

hi @Pallavi  that worked! thanks.

 

I'm having this issue now where the drop down menu text is white, can I change this to black?

is there also a way to remove the blue around the button when it's selected?

Screen Shot 2021-07-22 at 5.47.26 pm.png

Pallavi
Shopify Expert
2367 396 512

This is an accepted solution.

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

div#SiteNavLabel-shop span.site-nav__label {
color: #000!important;
}
div#SiteNavLabel-people-things span.site-nav__label {
color: #000!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
NicoleJB
Excursionist
16 0 5

@Pallavi  You are a genius! thank you so much!

Pallavi
Shopify Expert
2367 396 512

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes