Apple Music / Spotify / Amazon – social icons in the menu bar?

Hey Akiko,

Thank you for the inquiry.

We can use the avf_social_icons_options and avf_default_icons filters in the functions.php file to add a new social icon option in the existing list and associate a custom font icon to it. Usage example can be found in the following threads.

// https://kriesi.at/support/topic/enfold-add-multiple-social-profile-icons/
// https://kriesi.at/support/topic/custom-social-media-icon-in-the-socket/

This an example of the snippet.

// WIEBO - Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['weibo']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'ue92b');
	$icons['qq']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'ue92b');
	$icons['wechat']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'ue92b');
	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['Weibo'] = 'weibo';
	$icons['QQ'] = 'qq';
	$icons['WeChat'] = 'wechat';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Add the snippet in the functions.php file and define the new icon after this line in the avf_social_icons_options filter.

$icons['WeChat'] = 'wechat';

To associate a font icon to the new social icon, just follow the pattern in the avf_default_icons filter. This code defines the font icon that we have to use for the wechat social icon.

$icons['wechat']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'ue92b'); 

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like you have not installed a child theme yet. If you want to install one, please create a site backup or a restore point in case anything goes wrong, then check the following documentation.

// https://kriesi.at/documentation/enfold/child-theme/

Please post the WP and FTP details in the private field so that we could add the modifications.

Best regards,
Ismael