Social Icons on header

This topic is: resolved

Tagged: ,

This topic contains 4 replies, has 3 voices, and was last updated by Rpaskin rpaskin 4 years ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17098
    Rpaskin
    rpaskin
    Participant
    Post count: 20

    Is it possible to add social icons (facebook, etc.) to the very top of the header, where phone number and email usually go as per the Theme Header options?

    #17110
    Veena
    Veena
    Moderator
    Post count: 8167

    Pls insert the below code in file header-title-area.php at line no:64 and see if it meet your needs.

    
    echo '<ul class="social-list clearfix"><li><a class="facebook" href="http://facebook.com" target="_blank" rel="nofollow"><i class="icon-facebook8"></i></a></li><li><a class="twitter" href="http://twitter.com" target="_blank" rel="nofollow"><i class="icon-twitter2"></i></a></li><li><a class="youtube" href="http://youtube.com" target="_blank" rel="nofollow"><i class="icon-youtube4"></i></a></li><li><a class="googleplus" href="http://google.com" target="_blank" rel="nofollow"><i class="icon-google-plus2"></i></a></li><li><a class="vimeo" href="http://vimeo.com" target="_blank" rel="nofollow"><i class="icon-vimeo2"></i></a></li><li><a class="instagram" href="http://instagram.com" target="_blank" rel="nofollow"><i class="icon-instagram5"></i></a></li></ul>'; 
    

    And add the below custom CSS in themeoptions –

    #top-header-area ul.social-list {
        position: relative;
        display: inline-block;
        top: 10px;
    }
    
    #17126
    Jimmy
    jimmy
    Member
    Post count: 10

    hello rpaskin,
    we can see the result on your website ?

    #17137
    Veena
    Veena
    Moderator
    Post count: 8167

    Hi Jimmy,

    Pls see the attached screenshot.

    Thanks.

    Attachments:
    #17156
    Rpaskin
    rpaskin
    Participant
    Post count: 20

    That worked for me, thanks so much!

    http://maior.guru/ortredux/

    Attachments:
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Social Icons on header’ is closed to new replies.