This CSS enables you to change the hamburger icon for the responsive menu when clicked without using jQuery.
Add the following CSS rule to your child themes style.css file.
.menu-toggle.activated:before {
content: "\f158";
}
Update : Tested using the older version of the Genesis Sample child theme. If this solution does not work in your child theme, this one should.
Related Tutorials
- How To Change Default Genesis Responsive Menu Icons
- Toggle The Mobile Responsive Menu Icon To Close When Activated
- Change Logo When Genesis Responsive Menu Toggled
Was this helpful?
Thanks for your feedback!
Leave a Reply