change menu background color debut theme

Solved
Highlighted
Tourist
8 0 1

Hi! 

I wanted to change the header color of my webshop to black, which I managed to do, but now it seems that the menu (background) has its own color as well. 

how do I change this?

TIA! 

0 Likes
Highlighted
Excursionist
16 2 7

Send URL I can check it out

 

Just in case I don't see the message I made a quick video for some  guidance on how to.

 

https://youtu.be/vfLl9mTi-90

 

 

#AccessibleNav .site-nav__link {
 color: #FFFFFF;
}

 

Add this code to the bottom of theme.scss.liqd

0 Likes
Highlighted
Tourist
8 0 1

added it but still shows white.

 

URL: https://bella-box-beauty.myshopify.com/

password: claffi

0 Likes
Highlighted
Excursionist
16 2 7

This is an accepted solution.

Are you trying to change the whole top header part to black? 

 

Looks like you just change the background color. 

 

This will make you header all black. you need to use the code from above to change the menu colors to something different

 

header.site-header {
  background-color: #000000 ;
}
  
.site-header__mobile-nav {
  background-color: #000000 !important;
}

div#shopify-section-header.shopify-section {
  background-color: #000000 ;
}

 

1 Like
Highlighted
Tourist
8 0 1

It worked! Thank you so much!

0 Likes
Highlighted
New Member
2 0 1

Thaaaaaaank you for this!

0 Likes