Change Header to Color Gradient

Solved
Tourist
14 0 1

Hi! I am looking to change my store's header to the same gradient that the rest of the store is. The color sequence is as follows:

 

to right, #ddb7ee, #d2b6f2, #c6b5f7, #b7b5fa, #a7b5fd, #9eb2fe, #94aefe, #8aabff, #89a3ff, #8b9aff, #8f90ff, #9586fd

 

My store's password is "gleetu"

 

Thanks!

 

Lauren

0 Likes
Tourist
14 0 1

My store is laurenbrodauf.com !


0 Likes

Success.

Shopify Expert
96 17 12

@Lauren_brodauf0 - Add the following to the bottom of your theme.scss asset file:

 

.site-header, .site-header__mobile-nav, .announcement-bar {
    background-image: linear-gradient(to right, #ddb7ee, #d2b6f2, #c6b5f7, #b7b5fa, #a7b5fd, #9eb2fe, #94aefe, #8aabff, #89a3ff, #8b9aff, #8f90ff, #9586fd);
}

 If that works, please make sure to mark this as closed so the next person can benefit from the question!

1 Like
Tourist
14 0 1
Thank you so much!! worked perfect.
0 Likes