[shughesdParticipant]

Hi!

I’ve found in other posts how to add a custom menu with social media icon in the nav bar. That is all I need, as this is a single page site.

I added the url and as Navigation Label I have: <i class=”x-icon-linkedin” ></i>

While I know it is on the navbar because when I hover over I get the hover bar on top and my cursor changes and I can click to get the page. However, no icon. What am I missing?

contributors.surgicalteaching.com

Thank you!

[JoaoModerator]

Hi There,

Please add the code below instead :

<i class="x-icon x-icon-linkedin" data-x-icon="" aria-hidden="true"></i>

For the other version of the Icon add this instead:

<i class="x-icon x-icon-linkedin-square" data-x-icon="" aria-hidden="true"></i>

Hope that helps

Joao

[shughesdParticipant]

Thank you that is PERFECT!

[shughesdParticipant]

So for facebook would this be correct?

<i class=”x-icon x-icon-facebook-square” data-x-icon=”” aria-hidden=”true”></i>

I’m getting two linked in icons with that in another custom menu item

[JoaoModerator]

Hi There.

Altough that square looks the same to the human eye the computer see data in there.

That is “linkedin square”

You need to add:

<i class="x-icon x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i>

You can find all icons on this link, to get the correct code you can inspect the icons with the right button of your mouse and copy the html code.

http://demo.theme.co/integrity-1/shortcodes/icons/

Hope that helps

Joao

[Author]

Posts