Social Icons on header

[rpaskin]

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?

[Veena]

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;
}

[jimmy]

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

[Veena]

Hi Jimmy,

Pls see the attached screenshot.

Thanks.

[rpaskin]

That worked for me, thanks so much!

http://maior.guru/ortredux/

[Author]

Posts