Change Navigation Bar Title in Mobile version

• 

  namasterestaurant · Member · Sep 28, 2015 at 1:08 pm

  • Copy link
  • Add topic to favorites

  Hi,

  You know when you look at the website on a phone, All the pages are put into one navigation bar on the top as drop down.

  The Navigation Bar (That you click to open the drop down menu to access different pages) currently says “Menu”.

  I want to change the word “Menu” to “Navigation”. As it is a restaurant website, the word “Menu” is a bit confusing. Maybe even add those 3 lines thing to show that it is a drop down menu.

  Can someone please provide me with a css code to change that.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  ehtis · Staff · Sep 28, 2015 at 4:35 pm

  • Copy link

  Hi there,

  This should do it. You can replace “Navigation” with anything else you want as well!

  .menu-toggle {
      line-height: 0;
      text-indent: -9999px;
  }
  .menu-toggle::after {
      content: "Navigation";
      display: block;
      line-height: initial;
      text-indent: 0;
  }

• 

  namasterestaurant · Member · Sep 29, 2015 at 1:49 am

  • Copy link

  Thanks Ehtis, worked beautifully.