Colour gradient in header

[AnjasB]

Hi,

I am wanting my header to have a horizontal colour gradient from RGB 46 122 123 to RGB 247 177 30, left to right. How can I achieve this?

Thanks in advance!

[Dan-From-Ryviu]

Hi @AnjasB 

.header {
    background: linear-gradient(to right, rgb(46, 122, 123), rgb(247, 177, 30)) !important;
}

You can try to add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

[websensepro · Accepted solution]

Hi @AnjasB ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.header {
    background: linear-gradient(to right, rgb(46, 122, 123), rgb(247, 177, 30)) !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!