Skip to content

Documentation

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

PowerPack

  1. Home
  2. Docs
  3. PowerPack
  4. Modules
  5. Advanced Menu
  6. How to Change Menu Icon in Advanced Menu Module?

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.

Was this article helpful to you? Yes 6 No 2
×