-
Posts
-
My client wants me to add the word “Menu” next to the responsive menu slide-out icon. Would you be so kind as to point me to the code I need to tweak to get this done, or let me know if there’s already a solution provided?
Thanks so much!
Hi sky19er!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#advanced_menu_toggle { width: 90px; } .togglem { font-size: 26px; }Then, in your WordPress theme directory go to Enfold folder and open Header.php file ( you can find it in Appearance > Editor as well ) and find this code in 80th line http://i.imgur.com/knP7clN.jpg and change it to http://i.imgur.com/a7FlTNh.jpg
You can use .togglem class to style Menu textBest regards,
YigitThanks, but I’m not finding any code like that in header.php — no “advanced”; no”mobile_menu”; no “toggle”. Would you check that out for me, please? Thanks.
Hey!
You’re using an old version of the theme. Please download Enfold 2.4 then upgrade your installation via FTP.
Cheers!
IsmaelAh ha! ;) Thanks — sorry about that! OK, after updating the theme, here’s what worked for me, in case anyone else needs it:
Once I added the word “MENU” in there, I didn’t want the menu icon anymore (I might have kept it, if I could’ve figured out how to move it to the right side of the “Menu” text, but I couldn’t ;). So, here’s what I ended up going with:
On line 80 of header.php, I swapped out:
echo ‘‘;
with:
echo ‘MENU‘;and added the following to my custom css editor:
#advanced_menu_toggle {
font-size: 18px;
width: 75px;
}Thanks again! You guys have been great!
oops, i guess you can’t just paste code in there. lemme try this again…
On line 80 of header.php, I swapped out:
echo '<a id="advanced_menu_toggle" href="#" '.av_icon_string('mobile_menu').'></a>';
with:
echo '<a id="advanced_menu_toggle" href="#"><span class="togglem">MENU</span></a>';
- The topic ‘responsive menu icon label’ is closed to new replies.