Documentation

Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

How to Change Menu Icon in Advanced Menu Module?

The Advanced Menu module lets you create a beautiful navigation menu for your website. To change the Toggle Icon for this module, you can manipulate the HTML using the hook pp_advanced_menu_html_toggle

You can add your own icon, image, SVG to fit your design needs.

Let’s add a FontAwesome Icon, for example:

add_filter( 'pp_advanced_menu_html_toggle', function( $html, $settings ) {
	$html = '<i class="fas fa-ellipsis-v" aria-hidden="true"></i>';
	
	return $html;
}, 10, 2 );

Please add the code into your current theme’s functions.php file.