Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 25, 2014 at 12:46 pm #228965
    MM

    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: http://www.entypo.com/characters/ , so not sure it will work anyway?).

    Any ideas please?

    Thanks,

    Matt

    February 25, 2014 at 12:56 pm #228967
    MM

    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?

    Thanks,

    Matt

    • This reply was modified 10 years, 1 month ago by MM.
    February 27, 2014 at 10:15 am #229988
    Dude

    Hey!

    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.

    Cheers!
    Peter

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