Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #178933

    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!

    #179022

    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 text

    Best regards,
    Yigit

    #179201

    Thanks, 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.

    #179217

    Hi,

    Can you create an administrator account and post it here as a private reply?

    Regards,

    Josue

    #179222
    This reply has been marked as private.
    #179368

    Hey!

    You’re using an old version of the theme. Please download Enfold 2.4 then upgrade your installation via FTP.

    Cheers!
    Ismael

    #179441

    Ah 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!

    #179445

    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>';

    #179602

    Hey!

    You are welcome. Glad we could help! Let us know if you have any other questions and thanks for sharing :)

    Cheers!
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘responsive menu icon label’ is closed to new replies.