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

  • Author
  • #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>

    #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=""><i class="">custom</i></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
    #25293
     Model
    Participant

    Fixed. Thanks!

    #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"><i class="icon icon-eye"></i> AusArt     </a>';
        $icons .= '<a href="https://bogdan.com.au" target="_blank" rel="nofollow"><i class="icon icon-gift"></i> Bogdan     </a>';
        $icons .= '<a href="http://bogdance.us" target="_blank" rel="nofollow"><i class="icon icon-fire"></i> BogDance     </a>';
        $icons .= '<a href="http://comdotart.com" target="_blank" rel="nofollow"><i class="icon icon-users"></i> 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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Top Bar’ is closed to new replies.

Log in with your credentials

Forgot your details?