Viewing 6 replies - 1 through 6 (of 6 total)
  • 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!

    Thread Starter abhisheksharma8789

    (@abhisheksharma8789)

    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!

    Thread Starter abhisheksharma8789

    (@abhisheksharma8789)

    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://www.ads-software.com/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

    Thread Starter abhisheksharma8789

    (@abhisheksharma8789)

    Ok

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu’ is closed to new replies.