Modify Hamburger Menu

  • Author
  • #126866

    What Additional CSS should I use in order to add word MENU below or to the right of the icon for Hamburger menu?
    Or as alternative to replace the Hamburger Menu with the word MENU?

    Cryout Creations mastermind


    In Nirvana you can use the following CSS to add ‘menu’ next to the icon:

    #nav-toggle span::after {
        content: "MENU";
        font-size: 1.4em;
        position: relative;
        top: 0.1em;

    or to replace the icon with text:

    body #nav-toggle span::before {
        content: "MENU";
        font-family: inherit;
        font-size: 17px;

    If you like our creations, help us share by rating them on
    Please check the available documentation and search the forums before starting a topic.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Modify Hamburger Menu’ is closed to new replies.