1/7/2016 - 11:31 PM

How to change mobile responsive hamburger icon in Genesis

February 7, 2014 by Sridhar Katakam

#responsive-menu-icon::before {
	font-family: "dashicons";
	content: "\f346";
//* Enqueue Dashicons
add_action( 'wp_enqueue_scripts', 'dashicons' );
function dashicons() {

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


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.