(Squarespace) How to add a Gradient line on top of Header

To add a Gradient Line on top of Header, like this.

image

You can use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or send me an email.

header#header:before {
    content: "";
    height: 5px;
    width: 100%;
    display: block;
    background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
}

You can change Line Height + Line Color here

1 Like