Change aside menu lines to icon or add the word "MENU" above

Hi, I would like to add the word "MENU" above the three lines on the mobile / aside menu...but cannot get the css to work.

Or, just change the three lines to a .png image. People don't realize it's a menu.

thanks

What did you try to do?
Could you please post an url to your site?

http://www.protoolstraining.com/pmtupdate/

I just want the word menu on mobile view over the three lines for the main menu. People don't realize those three lines are a menu. Or just change it to an image if someone can tell me where to do that in the CSS.

I added this

Code: Select all

<p style="color: #fff; font-size: 11px; vertical-align: bottom;
       display: inline-block; 
       position: absolute; margin-top: 22px; margin-left: -5px;">MENU</p>

above the fa fa-bars class and it worked.

So basically you were able to solve it on your own?

I can't find where to change those fa fa-bars into a .png image? Please can anyone help? I am using quark theme

Thanks!

@gedasbn - your question doesn't correspond to original topic. Please create a separate forum thread.