Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 4, 2016 at 2:19 pm #593270
    willhendy

    Hi there,

    How do I show different social icons in the header and footer? I want to keep existing twitter, facebook etc. in the footer and then have apple and android icons in the header linking to apps.

    Thanks in advance for any advice.

    Best,
    Will

    March 4, 2016 at 4:23 pm #593336
    Yigit

    Hi Will

    You can add custom icons by referring to this thread – http://kriesi.at/documentation/enfold/custom-social-icons/. Please do so firstly and then post the link to your website so we can provide you custom CSS code to hide/display them

    Best regards,
    Yigit

    March 4, 2016 at 4:51 pm #593354
    willhendy

    Hi Yigit,

    Thanks for your quick response. Regarding the first step, how do I add two new custom icons? The code seems to just show how to add one.

    Site URL posted below.

    Thanks,
    Will

    March 4, 2016 at 5:14 pm #593368
    Yigit

    Hi!

    You can change the code to following one 

    // Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['icon_name']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
	$icons['icon_name_two']	 = array( 'font' =>'fontello', 'icon' => 'ue801');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Icon Label'] = 'icon_name';
	$icons['Icon Label Two'] = 'icon_name_two';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    If you need help with it, please upload your custom icon fonts using font manager and then post temporary admin logins here privately.

    Cheers!
    Yigit

    March 4, 2016 at 5:35 pm #593400
    willhendy

    That’s great, thank you – I really appreciate your help. I’m afraid I can’t give you login details but any chance you could just give me sample css for hiding icons?

    March 4, 2016 at 5:37 pm #593403
    Yigit

    Hi!

    Please add all social icons to header and footer and point out the ones you would like to remove from header and from footer.

    Regards,
    Yigit

    March 7, 2016 at 1:02 pm #594258
    willhendy

    I would like to hide the twitter and instagram icons in the header.

    March 10, 2016 at 7:42 am #596104
    Jordan

    Hi!

    I visited the link you gave but didn’t see any icons in the footer and there wasn’t a Twitter and Instagram icon in the header. But if you wish to hide the Twitter and Instagram icons from the header only, you can use the following CSS:

    header .social_bookmarks_twitter {
    display: none !important;
}

header .social_bookmarks_instagram {
    display: none !important;
}

    Cheers!
    Jordan

    March 11, 2016 at 11:50 am #596814
    willhendy

    Thanks Jordan, that’s useful.

    March 11, 2016 at 12:38 pm #596836
    Vinay

    Hey!

    Glad we could help :)

    Best regards,
    Vinay Kashyap

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header & footer show different social icons’ is closed to new replies.