Skip to main content
Known Participant
December 29, 2016
Answered

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

  • December 29, 2016
  • 1 reply
  • 535 views

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 has been closed for replies.
    Correct answer Nancy OShea

    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

    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

    Nancy O'Shea— Product User & Community Expert