responsive menu icon

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • January 12th, 2015 at 21:28 #29086
    Jay

    Hi…just starting to learn how to customize this great template.
    I wonder if there is any chance of changing the menu icon in the responsive mode, that is the three horizontal lines that are becoming a standard for menu in mobile apps. The issue is that this icon is not recognized by everybody and I would like to add some extra information in the horizontal bar where this icon is located, something like ‘click to menu’ or just ‘menu’ beside these three bars.
    Difficult?

    January 13th, 2015 at 00:46 #29090
    Devon

    I agree not all users recognize the three bars as a menu button. It is becoming more standard of a symbol but the text MENU beside it would look / work great.

    Please give us a solution to do this.

    March 31st, 2015 at 12:11 #30978
    Catherine Parkinson

    I would really like this option too. Just to add the word MENU next to the 3 lines.

    March 31st, 2015 at 12:41 #30979
    Catherine Parkinson

    I have found the solution to this !

    You need to edit a file in the backend :
    www/yoursitename.com/docs/wp-content/themes/nirvana/styles

    There is a file called style-mobile.css find an change

    from
    #nav-toggle span:before { content: “\e820”; font-family: “elusive”; font-size: 16px; height: 40px; line-height: 40px; }

    to
    #nav-toggle span:before { content: “\e820 MENU”; font-family: “elusive”; font-size: 16px; height: 40px; line-height: 40px; }

    This will then ad the word MENU next to the three bars only on the mobile version of the theme
    😀

    April 2nd, 2015 at 19:22 #31003
    jason

    I edited mine via FTP download/upload and the 3 bars disappeared. Odd.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘responsive menu icon’ is closed to new replies.