Home › Forums › Support › Svg menu icon bars fatter This topic has 7 replies, 3 voices, and was last updated 1 year, 7 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 🙂 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development 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. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ 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. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development 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