• 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:

    http://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 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Theme: twentyfifteen] Change mobile menu button’ is closed to new replies.