Custom Icon and link in the Header Social area

[joycre]

Hi there,

I want to add a link and an icon of https://www.researchgate.net/project/STARBIOS2 next to the Fb and Twitter buttons in the header of my site. Is there a way to do it and have same size icon? It looks like this:

Thanks

[jade]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[joycre]

Hello,

This is the URL of the website https://starbios2.eu/.

Thank you!

[Joao]

Hi There,

This is not a feature offered out of the box by X. It could be easily achieve with PRO Header builder

Out of the box I would suggest doing the following :

Add the following CSS to Theme Options CSS

.x-topbar .p-info {
float: right;
}

 .x-topbar .x-social-global {
 display: none;
}

And add the following code to Theme Options > Header > Topbar content replacing the a href with the destination URL and the img src with the link to your image.

<a href="https://www.facebook.com/starbios2/" class="facebook" title="Facebook" target="_blank" style="outline: none;"><i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://twitter.com/STARBIOS2" class="twitter" title="Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon="" aria-hidden="true"></i></a><a href="#"> <img src="#" style="width:50px;"></a>

Hope it helps