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

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?

,

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!

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.