[Steve WoodyParticipant]

Hey,

I’ve got a client that wants to have social media icons in the menu.

I’m against this but they want it so just wondering. Is there a way to have icon only on the nav bar – or add social profiles please ?

[DarshanaModerator]

Hi there,

You can add social icons as menu items (<i class=”x-icon x-icon-facebook”></i>) using custom links (http://screencast.com/t/1nX4ULu8r) and add further customizations.

You can find the icon codes from here (http://theme.co/x/demo/renew/1/shortcodes/icons/).

Hope that helps.

[Shaun NParticipant]

This doesn’t seem to work. I only get a blank space where the icon is suppose to be.

[ChristopherModerator]

Hi there,

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

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

[alutschParticipant]

I am having the same issues when it comes to the nav menu bar. I input the code as described, but only get a blank space. Is the icon black? My menu is black and obviously that would hide the icon.

[FriechModerator]

Hi There,

On X version 4, the above code wouldn’t work without a little tweak. On X v4 you need to add the data-x-icon attribute with the icon’s unicode:

<i class="x-icon-home" data-x-icon=""></i>

Which explains in more details here.

Hope it helps, Cheers!

[ThinkDigitalParticipant]

Neither of those codes are working for me. I’m still getting a blank space where the icon should be.

[ThaiModerator]

Hi @thinkdigital,

In this 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

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

[ThinkDigitalParticipant]

This reply has been marked as private.

[ThinkDigitalParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Could you please double check on your website URL?

I was unable to access.

Thanks.

[ThinkDigitalParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi @,

After added the code above to the navigation label, it’s working fine on the main menu:

Could you please take a look at website?

Regards!

[ThinkDigitalParticipant]

Yes, it’s working now, but that’s exactly what I did. Very strange. Thanks for your help!

One other thing, is there a way to make that icon bigger?

[ThinkDigitalParticipant]

Here’s a stranger one. When I went back to look at what you did, the navigation label is blank. Whatever code you put in there is working, but at the same time it has disappeared:

Screenshot:

https://drive.google.com/file/d/0B3OWOQWwVXupM2ZsSWhTNkNCTGs/view?usp=sharing

[Author]

Posts