Home › Forums › Support › Svg menu icon bars fatter This topic has 7 replies, 3 voices, and was last updated 3 years, 5 months ago by Tom. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts November 6, 2020 at 1:57 am #1520118 Juan Jose I want to make the svg menu icon bars fatter in mobile, how can I do that? My web is https://tusredactores.com Thanks November 6, 2020 at 2:00 am #1520120 Juan Jose November 6, 2020 at 9:25 am #1520827 TomLead Developer Lead Developer Hi there, You can replace the bars SVG with your own using a filter: add_filter( 'generate_svg_icon_element', function( $output, $icon ) { if ( 'menu-bars' === $icon ) { $output = 'YOUR SVG HTML HERE'; } return $output; }, 10, 2 ); Hope this helps 🙂 November 6, 2020 at 11:00 am #1520947 Juan Jose Now the “X” that had disappeared, how can I load an “svg” when the menu is open? November 6, 2020 at 11:00 am #1520949 Juan Jose November 6, 2020 at 11:05 am #1520956 LeoStaff Customer Support Can you copy and paste the code you are adding here? Please make sure to click the CODE button in the editor. November 6, 2020 at 11:13 am #1520962 Juan Jose add_filter( 'generate_svg_icon_element', function( $output, $icon ) { if ( 'menu-bars' === $icon ) { $output = '<svg viewBox="0 0 100 80" width="40" height="40"> <rect width="100" height="20"></rect> <rect y="30" width="100" height="20"></rect> <rect y="60" width="100" height="20"></rect> </svg>'; } return $output; }, 10, 2 ); The svg icon changes, but when I open the menu it disappears. November 6, 2020 at 1:10 pm #1521056 TomLead Developer Lead Developer Is there any way we can see this issue on the site? I’m still seeing the old icon. Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In