Background color for menu inside header

[manbru]

Hello,

My store: https://r1vex.myshopify.com/

I want my navigation menu to have this background color #252525 and only the navigation menu not the entire header, and it’s pretty easy to get that with this code i’ve used:

nav.header__inline-menu {
    background-color: #252525;
}

[data-meteor-mounted="true"][data-meteor-platform="desktop"] .Meteor-Navigation__Link__desktop {
    color: white !important;
}

But the problem is because the menu don’t go all the way out to the sides the background color doesn’t either.

And the result looks like this, which i don’t want:

The results I’m after is this:

Would really appreciate if this was able to get fixed without needing to be a collaborator:)

Thanks for your help!

[Rahul_dhiman]

Hello @manbru
Background color is changed , need to change the icon colors
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

@media (min-width: 769px) {
    #shopify-section-sections--22029800276294__header > sticky-header > header {
        background: #252525 !important;
    }
}
.gradient {  
    background: #252525;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[manbru]

Thanks for your reply!

But I only wanted the navigation menu to be dark not the entire header.

I want it to look like this:

[BSSCommerce-B2B]

@manbru ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before

Result

If it helps you, please like and mark it as the solution.

Best Regards