Top Bar

This topic has 3 replies, 3 voices, and was last updated 10 years by bogdance.

Author

Tagged: top bar, social, phono number
August 3, 2014 at 04:18 #24438

Model
Participant

Hi:

I need to be able to add more social icons on the top bar. How can this be accomplished.

Also, I need to add the telephone number int he top left and it should be displayed in all devices because right now when you see it on an iphone on the email address is visible the the social icons disappeared. Please help me ASAP>
August 6, 2014 at 12:57 #24837

Catalin
Moderator
Hello,

Add this in your functions.php file from your child theme.
COPY CODE
```
function custom_icon()
{

 echo "<li><a href="" target="_blank" title="">custom</a></li>";

}

add_action( 'kleo_extra_social_icons','custom_icon');
```
You need to create your link with new classes and icon tho.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
August 10, 2014 at 21:59 #25293

Model
Participant

Fixed. Thanks!
October 15, 2014 at 07:06 #31773

bogdance
Participant
Thank you for this solution included in my functions.php file in my child theme:
COPY CODE
```
add_action( 'kleo_get_social_profiles', 'kleo_my_extra_social_icons' );
function kleo_my_extra_social_icons( $icons ) {
 $icons .= '<a href="http://ausart.biz" target="_blank" rel="nofollow"> AusArt </a>';
 $icons .= '<a href="https://bogdan.com.au" target="_blank" rel="nofollow"> Bogdan </a>';
 $icons .= '<a href="http://bogdance.us" target="_blank" rel="nofollow"> BogDance </a>';
 $icons .= '<a href="http://comdotart.com" target="_blank" rel="nofollow"> com.ART.com </a>';

 return $icons;
}
```
This is great and was delivered fast, and it puts custom link icons on the left of the Top Menu. I appreciate it very much. However, it lacks the animated on-hover expanding behavior of the built in social icons and the separating lines. Q1: Can the animations and separation be enabled in this solution? Q2: What is the location, where the Social ICONS and the corresponding Social Networks NAMES are specified, please? Editing them at source should not alter their appearance or on-hover behavior… hope I’m wright? Thanks
Author

Posts