Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #228965

    Hi guys,

    I’m trying to change the slide out menu icon to a telephone icon (or even the words ‘CALL US’).

    I added the following to my Quick CSS:

    #advanced_menu_toggle:after { content: ‘📱’; font-size: 12px; }
    #advanced_menu_toggle:before { display: none; }

    Which just displayed ‘📱’ and not the associated entypo icon. So I tried:

    #advanced_menu_toggle:after { content: ‘CALL US’; font-size: 12px; }
    #advanced_menu_toggle:before { display: none; }

    The ‘CALL US’ doesn’t fit in the button (the word ‘CALL’ does but the ‘US’ appears about 50px below the button).

    Unfortunately, I’m not sure what to put in for the content to get the mobile phone icon (incidentally, the phone icons don’t seem to display in Chrome or Safari, along with lots of others: , so not sure it will work anyway?).

    Any ideas please?




    OK, I can get the CALL US to work OK now with the following CSS:

    #advanced_menu_toggle {line-height:14px;}
    #advanced_menu_toggle:after { content: ‘CALL US’; font-size: 14px;}
    #advanced_menu_toggle:before { display: none; }

    But I would still prefer a phone icon please, if you can help?



    • This reply was modified 9 years, 9 months ago by MM.


    You can replace the icon with this code:

    add_filter('avf_default_icons','avia_replace_close_icon', 10, 2);
    function avia_replace_close_icon($icons)
    $icons['mobile_menu']	= array( 'font' =>'entypo-fontello', 'icon' => 'ue8a5');
    return $icons;

    Insert it at the bottom of functions.php and replace the “icon” value (ue8a5) with your custom char code.


Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.