Modify Hamburger Menu

  • Author
    Posts
  • #126820

    Hi,
    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.

    Website: meditationyoga.in/mahon

    #126827

    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
    }
    
    #126913
    Zed
    Cryout Creations mastermind

    Hi,

    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 WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 3 posts - 1 through 3 (of 3 total)

You need to log in to reply to this topic.