Change Hamburger menu to 'X' on mobile

[ghost]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

As you can see the screenshot above, on mobile when we open the menu it still stays as hamburger icon.
Is there a way to change it to an 'X' icon?

Operations you have already tried

I keep looking through the codes but haven't found anything.

Anything else?

No response

[kungfux]

Override the style in assets/css/jekyll-theme-chirpy.scss as following:

body[sidebar-display] {
  .fa-bars:before,
  .fa-navicon:before {
    content: '\58' !important;
  }
}

Here you can find other icons if you prefer to change to something else.

[ghost]

Thanks a lot for always helping ❤️