Social Icons on header

Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17098
    Rpaskinrpaskin
    Participant

    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
    VeenaVeena
    Moderator

    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
    Jimmyjimmy
    Member

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

    #17137
    VeenaVeena
    Moderator

    Hi Jimmy,

    Pls see the attached screenshot.

    Thanks.

    Attachments:
    #17156
    Rpaskinrpaskin
    Participant

    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.