"menu" icon to "menu" text

Hi,
I'd like to change "menu" icon in mobile version into word "MENU", just a text. Some people didn't understand three horizontal lines
How can I do it?

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:640px) {
#gkHeaderNav .gkMainMenu + #gkMobileMenu {
    top: 30px;
    width: 43px;
}

#gkMobileMenu i {
    display: none;
}

#gkMobileMenu span {
    display: block;
}
}