Hide Text “Menu” in hamburger menu in mobile

Premium Theme Support ThemeZee Maxwell Hide Text “Menu” in hamburger menu in mobile

• 

  tonykmli · Member · August 6, 2021 at 10:04 pm

  • Copy link
  • Add topic to favorites

  Hi Thomas

  Is there any custom CSS to hide the text “Menu” in hamburger menu?

  Many thanks.

• 

  themezee · Theme Author · August 13, 2021 at 8:32 am

  • Copy link

  Hi there,

  You can try this short CSS snippet:

  .main-navigation-toggle {
      text-indent: -9999px;
  }
  
  .main-navigation-toggle::before {
      text-indent: -12px;
  }

  Cheers,
  Thomas

• 

  tonykmli · Member · August 15, 2021 at 11:06 am

  • Copy link

  Thank you. Is it possible to remove the “indicator (the line)” above the hamburger icon?

• 

  tonykmli · Member · August 17, 2021 at 1:25 pm

  • Copy link

  Hi Thomas

  If that “indicator (line)” can’t be removed, any CSS that I can change the word “menu” to other characters, I want to put two Chinese characters such that the ”indicator” will be in line with the words + hamburger.

  Thanks

• 

  themezee · Theme Author · September 1, 2021 at 9:09 am

  • Copy link

  Hi again,

  Sorry for my late response.

  You can remove the border with this short CSS snippet:

  .main-navigation-toggle {
      border: none;
  }

  Cheers,
  Thomas

• The topic ‘Hide Text “Menu” in hamburger menu in mobile’ is closed to new replies.