Including a background strip on the menus

[kay_png]

Hi,

I want to put a black background strip behind my menus so it pops out more. Currently, it's just in white with black text. I want it to look exactly like this:

Here's my website: www.fabricapparel.com

Hope you could help me. Thank you!

[BSSCommerce-HDL]

Hi @kay_png, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.header__menu-item span {
    color: #ffff !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[kay_png]

Hi sorry, I meant it should include a black strip and white text. Like this:

[BSSCommerce-HDL]

Hi @kay_png, When i check your site. I look good 

[kay_png]

Hi, I was able to fix the problem but I was wondering how I can put the black rectangle buttons on the "wholesale" and "by the yard" back. It was removed when I entered this code to fix the background strip on the menu:

.header__inline-menu{background-color: black; width: 100%; text-align: center;}
@media screen and (min-width: 990px){
.header {padding: 0 !important;}
.header{max-width: 100%;}
}

[BSSCommerce-HDL · Accepted solution]

@kay_png after ".header{...}" above, you can add this code for backing black button:

.banner__buttons__fixed .button.button--primary {
    background-color: black!important;
}

Hope this can fix your problem

[kay_png]

Thank you! This helped 🙂

[BSSCommerce-HDL]

Your're welcome. Have a good day!