How to add background for menu bar

[hem0903]

How to add background for menu bar,

I want to add pink background behind my menu bar. Header should be white as it is  but different background colour for menu.

https://784221-79.myshopify.com/

[Mehran_Ali · Accepted solution]

Hi @hem0903 

You change just add this CSS in your theme.css/ Base.css

header.main-header.main-header__container .main-header__wrapper { background: linear-gradient(0deg, pink 60px, transparent 60px);}
header.main-header.main-header__container .main-header__wrapper .header__inline-menu.desktop-only { background: transparent !important; }

Replace the word pink with the color code you want there.

If This Solution work Kindly Like This and Mark it As a Solution