Colour gradient in header

Store Design
, ,
1

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!

2

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

3

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

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

Thanks!