how to add social media icons on topbar – Themeco Community

how to add social media icons on topbar

John Michael — Mon, 05 Jan 2015 09:58:27 +0000

Hi,

I’ve been looking on how to add the social media on topbar but I can’t find any exact answer. Can you help me where to add it?

Thanks!

Reply To: how to add social media icons on topbar

Anonymous — Mon, 05 Jan 2015 10:06:26 +0000

Awesome Question Pal, Im still trying to figure out how to do that…
It’s time for X support to answer us all on this

Reply To: how to add social media icons on topbar

Christopher — Mon, 05 Jan 2015 12:21:44 +0000

Hi there,

You need to add social’s profiles URLs under Customize -> Social and it will add social icons in topbar automatically.

Thanks.

Reply To: how to add social media icons on topbar

John Michael — Mon, 05 Jan 2015 14:02:42 +0000

I did it already but it just appear only in the footer. Just want to see it in the topbar/ above the navigation menus. Thanks!

Reply To: how to add social media icons on topbar

Paul R — Mon, 05 Jan 2015 14:47:33 +0000

Hi John,

In that case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Reply To: how to add social media icons on topbar

John Michael — Tue, 06 Jan 2015 07:46:31 +0000

This reply has been marked as private.

Reply To: how to add social media icons on topbar

John Michael — Tue, 06 Jan 2015 08:46:48 +0000

Also please can you check this? http://screencast.com/t/2DURVdmXtdLL
The one in green dashed-box. The white space between the slider and the orange banner shouldn’t be there. It was fine before but now something is messed up.

Thanks!

Reply To: how to add social media icons on topbar

Christopher — Tue, 06 Jan 2015 11:00:55 +0000

Hi there,

Please enable tobbar under Customize -> Header -> MISCELLANEOUS.
Please add the following CSS code under Customize -> Custom -> CSS:

.home .x-main.full {
padding-top: 0;
}

Hope it helps.

Reply To: how to add social media icons on topbar

John Michael — Wed, 07 Jan 2015 01:45:42 +0000

Hi,

Thank you. The last one works well.
I did enable tobbar under Customize -> Header -> MISCELLANEOUS but still nothing works.
Check this out: http://johnmichaelmarketing.com/
Only blank space but no social media icons appear. Why is that?

Thanks!

Reply To: how to add social media icons on topbar

Christian — Wed, 07 Jan 2015 08:38:19 +0000

Hey John,

This is because the color of Renew Topbar social icons is white. I’ve added the code below in your Appearance > Customize > Custom > CSS

.x-topbar .p-info, .x-topbar .p-info a, .x-topbar .x-social-global a {
color: gray;
}

to change the color.

Thanks.