Big Hamburger

The issue is caused by a font-awesome style coming from either a modification in your theme or a plugin. To resolve this, add the following CSS.

If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   
   html .icon {
       display: inline-block;
       fill: currentColor;
       height: 1em;
       position: relative;
       top: -0.0625em;
       vertical-align: middle;
       width: 1em;
   }
   

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

Thanks Kathryn,
I’ll probably still use that boilerplate answer because I want people to choose themselves which method to use. If I start recommending to use the Custom CSS panel when people have already set up a Child Theme they might find using both methods unmanageable, likewise if they were already using a Custom CSS plugin.