Need code to for hamburger menu icon

Site URL: https://www.nw-modern.com

Hey everyone - brand new  to this and working on a website for someone else. I am seeking the complete code to have my dropdown menu have the hamburger menu instead of "menu" as a title. I learned how to code using R and RStudio years ago, but I'm unfamiliar with CSS. If someone could provide a full script, I'd appreciate it! Thank you!

Hi. You want to change "menu" text to a burger icon? Add to Design > Custom CSS

a.header-nav-folder-title:before {
    content: "\e030";
    visibility: visible;
    font-family: 'squarespace-ui-font';
    font-size: 30px;
}
a.header-nav-folder-title {
    visibility: hidden;
}

@tuanphan I just used your code above and it worked great. Is there a way to customize color and weight of the icon? Thanks 

On 9/17/2022 at 4:05 AM, kaydotjpg said:

@tuanphan I just used your code above and it worked great. Is there a way to customize color and weight of the icon? Thanks 

Just add color/font-weight

a.header-nav-folder-title:before {
    content: "\e030";
    visibility: visible;
    font-family: 'squarespace-ui-font';
    font-size: 30px;
	color: red;
	font-weight: bold;
}

thank you @tuanphan! Another question, the hamburger menu is showing up closer to the center than I'd like. Is there a way to scoot the hamburger menu more to the right, without having the drop down menu cut off? 

11 hours ago, kaydotjpg said:

thank you @tuanphan! Another question, the hamburger menu is showing up closer to the center than I'd like. Is there a way to scoot the hamburger menu more to the right, without having the drop down menu cut off? 

What is your site? Above site, burger is fine

@tuanphan site: https://lute-accordion-9chb.squarespace.com/

password is: hello 

I would like the burger icon to be closer to the right hand side

On 9/21/2022 at 7:55 PM, kaydotjpg said:

@tuanphan site: https://lute-accordion-9chb.squarespace.com/

password is: hello 

I would like the burger icon to be closer to the right hand side

The site url doesn't exist. Can you check it again?

@tuanphan sorry about that! 

website: contrabass-mayflower-5yeb.squarespace.com

password: isle

12 hours ago, kaydotjpg said:

@tuanphan sorry about that! 

website: contrabass-mayflower-5yeb.squarespace.com

password: isle

Edit :before to :after in this code

a.header-nav-folder-title:before {
    content: "\e030";
    visibility: visible;
    font-family: 'squarespace-ui-font';
    font-size: 50px;
    color: #000;
    font-weight: thin;
}

(also, font-weight: thin; doesnt exist, try change thin to number 300)