[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?

[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.

[Catherine Parkinson]

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

[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
😀

[jason]

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

[Author]

Posts