Change Genesis Mobile Menu Icon When Toggled

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.

Reader Interactions