Skip to main content
Cheddaa
Known Participant
December 29, 2016
Answered

Add word "MENU" Next to icon bars in hamburger toggle!

So i've been looking on google for a while and nothing is really helping so i'm resorting to coming here.  I'm guessing it's going to most likely be all CSS if somebody can just point me towards which CSS i have to overwrite that controls the toggle.

Thanks!

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Nancy OShea
    Nancy OSheaCorrect answer
    Community Expert
    December 29, 2016

    Most people who have a phone/tablet are savvy enough to know what the familiar hamburger icon means.  Adding the word MENU won't look very good but here goes....

    Change this:

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1">

    <span class="sr-only">Toggle navigation</span>

    <span class="icon-bar"></span>

    <span class="icon-bar"></span>

    <span class="icon-bar"></span>

    </button>

    to this:

    <span>MENU</span>

    Nancy

    Nancy O'Shea— Product User & Community Expert
    View reply

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    December 29, 2016

    Most people who have a phone/tablet are savvy enough to know what the familiar hamburger icon means.  Adding the word MENU won't look very good but here goes....

    Change this:

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1">

    <span class="sr-only">Toggle navigation</span>

    <span class="icon-bar"></span>

    <span class="icon-bar"></span>

    <span class="icon-bar"></span>

    </button>

    to this:

    <span>MENU</span>

    Nancy

    Translate
    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices