• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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.

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

Nav Menu

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.