Help changing nav bar size & colour in Shopify Debut theme

[OakN4wines]

Hi there,

I am setting up my shop https://oakn4wines.myshopify.com/ and would like to change the colour of the nav bar to be a dark grey, and would like to change the border size so the drop down menu doesn't break over 2 lines. I think this has to be done in the CSS rather than the theme settings, but I've looked for both! Can anyone advise please? I'd be super grateful! Thanks

[24by7themes]

@OakN4wines 
Please below line of code in theme.scss

ul#SiteNav, ul#SiteNav button, ul#SiteNav a {
    color: #666;
}

.site-nav__link--active .site-nav__label {
    border-bottom-color: #333;
}

.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
    border-bottom-color: #333;
}

[OakN4wines]

Thanks! I don't want to change the colour of the text, I want to change the background to dark grey. What you suggested changes the font colour.

[24by7themes]

Like this you want?

[OakN4wines]

Hi there, I'd like the grey bar to go across the whole length of the screen so behind the logo and text if possible. Thanks!

[24by7themes]

Hi @OakN4wines 
I see your site, I think you did it. Good.