(Squarespace) Add a custom arrow to Header button

To add a custom arrow to Header button. 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.

a.btn:after {
    content: "";
    background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1753379866_Group13@2x.png.54c2b0e59adbe1a1f31f46b8b628398d.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 40px;
    height: 30px;
    margin-left: 10px;
}
a.btn {
    display: flex;
    align-items: center;
}

1 Like