I have a responsive menu which turns into a "hamburger" icon when in mobile mode. However, it only has 2 lines instead of the 3 line in standard hamburger icon. I am having problem getting the 3rd line in.
I have the fiddle https://jsfiddle.net/u2k50dkv/15/
What I want is a 3 lines hamburger icon and also turning into an 'X" when the menu is displayed.
Thank you for your help.
To do that, you start by adding the word "menu" to the links in the HTML. Then you remove the style rules for "#nav > a:before", "#nav > a:after", and "#nav > a > span". Finally you make changes to the rules for "#nav > a":
Open in new windowHere's the updated Fiddle.