• Hello! Several of my users have found the mobile menu button (referred to in various forums as “the hamburger,” “the sandwich,” or “the 3-line menu icon”) confusing. As such, I would like to replace it with the word Menu or add that word next to it.

    I created a child theme and it’s working fine. I followed instructions to add text (“Menu”) next to the button in this forum by modifying style.css in the child theme, but it is not working:

    https://presscustomizr.com/snippet/add-menu-text-3-bar-menu-button/

    I realize that the above is from a different theme than twentyfifteen, but it seems that several other forums link to it, so it seemed worth a try. The specific suggestion is to add the following CSS:

    /* START OF Add “MENU” text to 3-BAR Menu button */
    .btn-navbar {
    width: 90px;
    height: 30px;
    vertical-align: top;
    }

    .btn-navbar:after {
    content: “Menu”;
    float: right;
    margin: -16px 0 0 0;
    }
    /* END OF Add “MENU” text to 3-BAR Menu button */
    The site in question is https://aacncontinuingeducation.org.

    I would appreciate any suggestions for making this tweak.

    TIA,
    Rob

Viewing 1 replies (of 1 total)
  • janrecht

    (@janrecht)

    I am also interested in this. The code doesn’t seem to work in the 2015 theme.

Viewing 1 replies (of 1 total)
  • The topic ‘Change mobile menu button’ is closed to new replies.