menu-navigation-button to "hamburgersymbol"


Is it possible to change the black "navigation menu" button on the mobile version to the well-know "hamburgermenu"-symbol?

Kind regards,



  • Hello
    Thanks for contacting us.
    To do so, you need to create a child theme, For creating a child theme refers this link
    Ignore if you have already created child theme .After it  Create a new file in the child theme with name  header-menu-section.php  and edit it, then paste the code in it from

    Save changes and activate your child theme.

    Let me know for any confusion . 

  • Hello Akhilesh,

    One more question about this: I've decided to only change the text on the button. Therefore you gave me the code:


    That works when I look at the mobile view via the "customizer" but online in the live-site I still see "Navigation Menu" although I refreshed the page many times. What do I do wrong?

    Kind regards,

  • Hello @t3live

    We did not provide you any script  code you mention in the above thread . 
    If you want to  change "Navigation Menu"  text let me know for any confusion . 

    We will assist you  how to change the   "Navigation Menu"  text . 

  • Hello Akhilesh,

    Yes you really did, I haven't found out the code myself ;-). But indeed, I want the change the text "navigation menu" in the mobile view to something else.

    Kind regards,

  • Hi 
    For this  simply ignore the first instruction I tell you.
    To change "navigation menu" in the mobile view follow the given below instruction.

    Find the  header-menu-section.php file located in your theme directory. 
    Open it and find the below line of code on line no 10.

      <span class="sr-only">Toggle navigation</span>Navigation Menu

    And change the Navigation Menu text as you need. 

    Let me know for any confusion.


  • Thanks, it works!
Sign In or Register to comment.