Adjust line weight of hamburger menu icon?

Any advice on how to change the line weight of the hamburger menu icon to hairline?

I recently used this custom code to convert the "MENU" text for the mobile navigation in the Flatiron template, but not loving the thickness of the lines.

My site: https://www.bluetruckstudio.com/work

@insidethesquare, thank you for that explanation! I'm not familiar with Unicode characters, but did a quick web search. Would that character be modified (color, line weight) by the font that is set for that portion of my site? If I were to find another character I liked better, how/where would I change that?

That is very interesting, as we have just updated our burger menu to a preferred thickness.

Of course, our website is running on Squarespace 7.1, so in case you are on the same, try using this css:

/*burger menu thickness*/

.top-bun, .patty, .bottom-bun {
  height: 3px !important;
}

/*end burgre menu thickness*/

p.s. you can adjust the thickness to your liking by changing value next to px (currently set to 3px)

hope this helps! 

On 9/29/2020 at 5:49 PM, eugenesoch said:

That is very interesting, as we have just updated our burger menu to a preferred thickness.

Of course, our website is running on Squarespace 7.1, so in case you are on the same, try using this css:

/*burger menu thickness*/

.top-bun, .patty, .bottom-bun {
  height: 3px !important;
}

/*end burgre menu thickness*/

p.s. you can adjust the thickness to your liking by changing value next to px (currently set to 3px)

 

hope this helps! 

This worked perfectly. Thanks.

On 9/29/2020 at 6:49 PM, eugenesoch said:

That is very interesting, as we have just updated our burger menu to a preferred thickness.

Of course, our website is running on Squarespace 7.1, so in case you are on the same, try using this css:

/*burger menu thickness*/

.top-bun, .patty, .bottom-bun {
  height: 3px !important;
}

/*end burgre menu thickness*/

p.s. you can adjust the thickness to your liking by changing value next to px (currently set to 3px)

 

hope this helps! 

That worked like a charm, but only in mobile version. Or is it me? Thanks, legend!