Snippet: Replace Mobile Menu Hamburger with Custom SVG

Updated: December 11, 2022

This snippet will allow you to modify the default Total theme's hamburger icon with a custom SVG icon (or any other html code).

/**
 * Filters the mobile menu open button text.
 *
 * @link https://total.wpexplorer.com/docs/snippets/replace-mobile-menu-hamburger-with-custom-svg/
 */
add_filter( 'wpex_mobile_menu_open_button_text', function( $text ) {
   $svg = 'YOUR CUSTOM SVG CODE HERE';
   return '<div class="wpex-flex wpex-items-center">' . $svg . '</div>';
} );

All PHP snippets should be added via child theme's functions.php file or via a plugin (we recommend WPCode)