Hide Text “Menu” in hamburger menu in mobile

  • Author
    Posts
  • #163906

    tonykmli
    Member
    Original poster

    Hi Thomas

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

    Many thanks.

    #163967

    themezee
    Theme Author

    Hi there,

    You can try this short CSS snippet:

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

    Cheers,
    Thomas

    #163982

    tonykmli
    Member
    Original poster

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

    #164000

    tonykmli
    Member
    Original poster

    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

    #164122

    themezee
    Theme Author

    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.