Social Icons Showing Funny

Hi @katiebrod77, thanks for using Kale- we really appreciate it!

I’m sorry to hear about the trouble with the menu. We can’t really see what’s causing this because the site is hidden behind a Coming Soon page atm, but we can try to troubleshoot a bit from here and hopefully get to the bottom of it.

Could you let us know the exact name of the menu you created for this location?

Thanks so much!

Hi Steven,

Thank you for getting back so quickly. Sorry, I forgot I haven’t launched it yet.?

?I named the menu “Social” (I watched a you tube video from Blog With Ben and copied what he did using custom links).?

I have tried adding a screenshot but unfortunately can’t. I could make it live maybe so you can see what I am talking about? They are like little 1/4 circle rainbow looking icons.

Hope that helps. Thanks so much

Cheers, kate

Hi Kate,

Sounds like you did everything correctly (and Ben is great!), we’d love to take a look if you don’t mind making it live temporarily…that would be a huge help in tracking down the issue.

Thanks so much!

Hi Steven,

Thanks for getting back to me..I have made my site live.
Look forward to hearing from you

Cheers
Kate

Thanks Kate! This was an interesting one, it looks like because the URLs included “feed”, the links were misinterpreted as RSS feeds, so the “feed” icons were displayed.

We’ll be sure to resolve this in the next update, but in the meantime, could you try adding the following CSS in Appearance > Customize > Additional CSS?

.widget .menu-social-container .menu li a[href*="instagram.com"]::before {
    content: '\f16d' !important;
}
.widget .menu-social-container .menu li a[href*="facebook.com"]::before {
    content: '\f09a' !important;
}
.widget .menu-social-container .menu li a[href*="pinterest.com"]::before {
    content: '\f0d2' !important;
}

Let us know if you still see any issues after this- thanks again for helping us to track down this bug!

Hi Steven,
Thanks for getting back. Sorry for the late reply but your message went to my junk folder which was odd as it had never before. I rarely check it. Ahhhh
Ok, I have copied and pasted the CSS as directed above to Additional CSS in customise but it doesn’t seem to of worked. Icons are still showing odd.
Anyway, I shall just remove them until you guys have done your next update. Thanks heaps though.
Any idea when this update may be done? Just so I have an idea when I can go back and add the social menu.
Cheers
Kate

Hi Kate,

Thanks for letting us know! I’m so sorry to hear that it didn’t work.

I just took a look, and the CSS you’re using atm to hide the theme credit is missing a closing brace, which hopefully explains why this new CSS didn’t quite work out. If you can add a } after your existing CSS, this new CSS should work the next time around. Let us know if not though!

Hi Steven,
Thank you. You are a star ?? It worked…… silly me!

Im only new to all this so I appreciate your help.

Have a great day
Cheers
Kate

Oh good! I’m so glad that did the trick- thanks for following up and letting us know.

If you run into anything else we’d love to hear from you. ?? Thanks again!

hi there, I am trying to add social icons next to the menu or above the green button on my website https://badeshtezavseki.com/ but is not working properly.

I am suing Ultimate Social Icons plugin.

any idea?

thanks

Hi @petrov3, thanks for getting in touch!

Your best bet is probably going to be reaching out to either the author of that plugin or the author of the theme you’re currently using, they would be most familiar with how best to achieve what you’re trying to do.

Thanks again and best of luck!