responsive menu people confusion

I did a little poll of web users and only 1 of 10 ha recognized that the 3 stripes corresponds to the responsive menu. Is possible to add the text "menu" next for more clarity? Or get the menu appears vertically when seen in tablets and smartphones?

Perhaps people who voted in your pool are not mobile site users... I have been using mobile/rwd sites for last 2 years and each and every one of them to save space on mobile device uses this exactly icon. Its a standard like a "play" button on video component or your blu-ray player.
But... If you insist on changing that - could you please post an url to your site, I'll check what can be done to put there "Menu" word.

I totally agree that it is a standard icon, but it seems that many people do not know.
My website is http://www.disfracesporinternet.es

Please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

#gkMobileMenu > label {
    display: none;
}

#gkMobileMenu {
    text-indent: 0;
    background-position: top right;
    width: 90px ;
}

@media  (max-width: 580px) {
  #gkMobileMenu {   
    width: 44px !important;   
    height: 80px;   
    background-position: bottom right !important;
    margin-top: 36px !important;
  }
}


Its not a perfect solution as this element was never designed to took more place, but should help.

Remember to enable "CSS override" in template settings - advanced section.