Changing Background Color of Navigation Bar

[JayAlex]

I am trying to change the background color of the navigation bar for the Brooklyn theme. Right now it's black with white type and I'd like the reverse. Thank you for your assistance.

[dmwwebartisan]

@JayAlex 

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

Thanks!

[JayAlex]

www.tipsycrayon.com
coming soon

[JayAlex]

I responded via email, not sure it went through.

[dmwwebartisan]

@JayAlex 

No, I didn't get any email. Can you send it with this URL( forum URL) so I will get it. Also, you can DM me.

Thanks!

[JayAlex]

tipsycrayon.com

Coming Soon

[dmwwebartisan]

@JayAlex 

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

.drawer, .mobile-nav>.mobile-nav__item{
background-color: #fff !important;
}

.mobile-nav__item a, .mobile-nav__item--secondary a{
color: #1f2021 !important;
}

.drawer__inner input.input-group-field{
border-color: #1f2021 !important;
}

Hope this works.

Thanks!

[JayAlex]

It worked. Thank you! But a few tabs (Tipsy Box and Events) had a plus beside them to reveal the subnav and those are now gone, probably because they are white. Do you know how I can change the color of those? And oddly, now there's a blue line to the right of the nav bar. Almost as if it doesn't go the full width of the frame. I attached a pic. 

[dmwwebartisan · Accepted solution]

@JayAlex 

Add the code for sub navigation.

.mobile-nav__toggle button{
color: #1f2021 !important;
}

I couldn't see the blue line you have shown.

Thanks!

[JayAlex]

Okay. I add right under there other code? Thanks.