How can I change my header to a black gradient?

Store Design
1

I want my header to be a black gradient, like shown below.

site link is

s-eraph.myshopify.com

example.png
example.png1829×965 171 KB

2

@KetanKumar @AvadaCommerce

3

bump @suyash1 @JHKCreate

4

bump

5

Hi @fedsmf ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.site-header.logo--center {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #000), to(transparent));
    background-image: linear-gradient(180deg, #000 66%, transparent);
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

ur the best

1 Like