Hi @abhisheksharma8789,
I understand you want to remove the “Menu” text from the mobile menu. You can use the below snippet to remove the Menu text:
add_filter( 'storefront_menu_toggle_text', 'jk_storefront_menu_toggle_text' );
function jk_storefront_menu_toggle_text( $text ) {
$text = __( ' ' );
return $text;
}
Let us know how it goes!
And adjustment of menu boarder
Rynald0s
(@rynald0s)
Automattic Happiness Engineer
Hi @abhisheksharma8789
And adjustment of menu boarder
It isn’t immediately clear what adjustment./s you would like to make to the border. Could you please provide a bit more information, and if possible, add a screenshot of where you would like to make that adjustment?
Cheers!
Hi @abhisheksharma8789
As I understand, you want to center-align the stacked lines on the mobile menu button.
Please go to WordPress Panel → Appearance → Customize → Additional CSS and add the following piece of <a href=”https://wordpress.com/support/editing-css/`” rel=”noopener” target=”_blank”>CSS code</a>:
/* Center lines on hamburger menu button without "Menu" text
| https://ww.wp.xz.cn/support/?p=15801348
*/
button.menu-toggle span::before
{left:50% !important;
transform: translateX(-50%) !important;
}
button.menu-toggle::before
{left:50% !important;
transform: translate(-50%,-4px) !important;
}
button.menu-toggle::after
{left:50% !important;
transform: translate(-50%,4px)!important;
}
Best