(Squarespace) How to add a Gradient line under Header

To add a Gradient Line under Header, like this.

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:after {
    content: "";
    height: 5px;
    width: 100%;
    display: block;
    background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
}

You can change Line Height + Line Color here

1 Like