Change nav font, size and colours (debut theme)

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,

Any help would be really appreciated.

https://jazzyboo.com.au/

pw: heloa

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;
}
1 Like

hi @ZestardTech 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?

,

1 Like

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;
}

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

1 Like

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.