ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
Change Responsive Mobile Menu Button to say "Menu"
Posted 12 years 4 weeks ago
I have this in both custom.css and changed the gantry.css file inside the libraries folder too. This was supposed to be a solution but does nothing even after clearing cache on server, browser, mobile device, etc...
/*Add Menu text to responsive menu toggle button. */
.gf-menu-toggle:after {content:'Menu';float: left;font-size: 0.5;color:#ffffff;}
.gf-menu-toggle:after { margin-top: -15px;}
/* hide the mobile menu horizontal bars */
.gf-menu-toggle .icon-bar {
visibility: hidden;
}
This was a solved solution but this doesn't change a thing for me. Am I putting this code in the wrong place? I would love to have the mobile button say "menu" which is what this is supposed to do...
Using latest Gantry v4.1.10. Perhaps this was a solution for a previous version of Gantry? I cant find the original solution when searching but I got this from another forum where they said they got the solution from here.
Re: Change Responsive Mobile Menu Button to say "Menu"
Posted 12 years 4 weeks ago
Actually, in this case this was user error... (ME). I created the custom.css file but forgot to prepend the name of the template! custom.css should have been named rt_chapelco-custom.css
This solution all works correctly now. This thread could be deleted or marked solved! Thanks!
Re: Change Responsive Mobile Menu Button to say "Menu"
Posted 11 years 8 months ago
I would like to do this same update but cant find the folder where the css file is located to edit. I am sure its something very simple and stupid but i cant find it. I have the same Chapelco template with all the latest updates. Thanks!