Modify Hamburger Menu

  • Author
  • #126820

    What Additional CSS should I use in order to add word MENU below the icon for Hamburger menu?
    Or as alternative to replace the Hamburger Menu with the word MENU?
    Note that my Menu Alignment in Customizer is on the Right.



    In the meantime I’ve got some help at another forum. Here is the solution:

    .icon-menu::after {
      content: "Menu";
      display: block;
      position: relative;
      top: -60px;
      right: 20px;
      z-index: 100;
    	font-size: 0.7em;
    	font-style: normal
    Cryout Creations mastermind


    In Anima the following CSS will suffice:

    #nav-toggle .icon-menu::after {
        content: "MENU";
        font-style: normal;
        font-size: 0.9em;
        top: -0.1em;
        position: relative;

    to add “MENU” text next to the icon, or just

    #nav-toggle .icon-menu::before {
        content: "MENU";
        width: auto;

    to replace the icon.

    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 3 posts - 1 through 3 (of 3 total)

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