(Squarespace) Change burger icon to word "Menu"

To change burger icon to word “Menu” or anything
image

you can use this code to Custom CSS box

/* burger icon to Menu */
.burger-box:after {
    content: "MENU";
    width: 60px;
    height: 40px;
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    visibility: visible;
    margin-top: auto !important;
    margin-bottom: auto !important
}
.burger-box div {
    display: none
}

2 Likes