Changing Background Color of Navigation Bar

Solved
JayAlex
Tourist
10 0 3

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.

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1317

@JayAlex 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JayAlex
Tourist
10 0 3
www.tipsycrayon.com
coming soon
0 Likes
JayAlex
Tourist
10 0 3

I responded via email, not sure it went through.

dmwwebartisan
Shopify Partner
4529 1019 1317

@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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JayAlex
Tourist
10 0 3

tipsycrayon.com

Coming Soon

dmwwebartisan
Shopify Partner
4529 1019 1317

@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!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JayAlex
Tourist
10 0 3

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. 

Screen Shot 2020-11-25 at 11.46.49 PM.png

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1317

This is an 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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JayAlex
Tourist
10 0 3

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

0 Likes