(Squarespace) Rename Dropdown Title to a Burger icon

Pro Tips Other Tips
1

You can use this CSS code to rename a Dropdown Title to a Burger icon

a.header-nav-folder-title:after {
    content: "\e030";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
    position: relative;
    top: 2px;
}

a.header-nav-folder-title {
    font-size: 0;
}

you will have
image

In case you want to apply code to Last item in Navigation only, use this new code

div.header-nav-item:last-child a.header-nav-folder-title:after {
    content: "\e030";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
    position: relative;
    top: 2px;
}
div.header-nav-item:last-child  a.header-nav-folder-title {
    font-size: 0;
}
2 Likes