askdesign
1/7/2016 - 11:31 PM

How to change mobile responsive hamburger icon in Genesis

February 7, 2014 by Sridhar Katakam

style.css
content_copyfile_download
#responsive-menu-icon::before {
	font-family: "dashicons";
	content: "\f346";
}
2-functions.php
content_copyfile_download
//* Enqueue Dashicons
add_action( 'wp_enqueue_scripts', 'dashicons' );
function dashicons() {

	wp_enqueue_style( 'themename-style', get_stylesheet_uri(), array( 'dashicons' ), '1.0' );

}
1-info
content_copyfile_download
https://sridharkatakam.com/change-mobile-responsive-hamburger-icon-genesis/

Want to replace the hamburger menu icon with another like an arrow?

We can use a icon from Dashicons which are already present in WordPress.

Source: http://jameskoster.co.uk/work/using-wordpress-3-8s-dashicons-theme-plugin/