Tagged: social media icons
- This topic has 8 replies, 2 voices, and was last updated 2 weeks, 2 days ago by
sujapati.
-
AuthorPosts
-
October 7, 2025 at 3:05 pm #341383
Tansenn
ParticipantHi there,
I updated to 3.0 and all of my social media icons have disappeared with the exception of the custom one installed.
Is there a good way to fix this?
I’ve gone into customize theme -> Social Links. I’ve tried removing the links, saving and re-adding. Nothing but grey circles with empty boxes in it.
October 7, 2025 at 3:37 pm #341384Tansenn
ParticipantAlso, two other things I’ve noticed that have broken – the arrow in the bottom right to get back to the top menu is gone. It too is a grey empty square.
In Addition, my Store Front page with elementor is showing as two columns no matter what I seem to do. Although this may be an issue with a bad elementor update… not sure. Haven’t been able to figure out how to fix this.
October 8, 2025 at 12:48 am #341385sujapati
Keymaster@Tansenn: Since you are using elementor, our theme includes Font Awesome version 6.7.2, which may not be fully supported by Elementor at this time. As a result, some icons might not display correctly when using Elementor widgets.
To resolve this issue, you can add the following CSS to your site:Go to Dashboard > Appearance > Customizer > Additional CSS.
Paste the provided CSS code into the Additional CSS field.
.fa-x-twitter:before { content: "\f099"; } #feature-slider .cycle-prev::before, #feature-slider .cycle-next::before, #logo-section .cycle-prev::before, #logo-section .cycle-next::before, #to_top_scrollup, #scrollup, .posted-on a::before, .byline a::before, .cat-links span+a::before, .tags-links span+a::before, .comments-link a::before, .edit-link a::before, .fa-solid:before, .fa-brands:before { font-family: "FontAwesome" !important; }This should help ensure the icons display properly.
Regards,
SujapatiOctober 10, 2025 at 12:00 am #341409Tansenn
ParticipantHi there, thank you for the code. The icons are showing up now but are weirdly shaped and the logos are off centre.
Also, the Scroll up icon is still an empty box as well.
Just as a heads up the custom icon had some code to align it properly prior to your additions. Let me know if you need that.
October 10, 2025 at 2:42 am #341413sujapati
Keymaster@Tansenn: Thank you for your feedback. I appreciate the heads-up about the custom icon alignment code.
To fix the issues with the social icons’ alignment and the scroll-up icon, please add the following CSS code to your site..fa-collapse:before { font-family: 'FontAwesome' !important; } .social-icons .font-awesome { display: inline-block; }Kind Regards,
SujapatiOctober 10, 2025 at 8:44 am #341429Tansenn
ParticipantEureka! That fixed it!
Thank you!
October 11, 2025 at 1:20 pm #341435Tansenn
ParticipantJust a little bit of followup.
I noticed the hover doesn’t show up for Feed and Email now. Also, the Email button is broken. It doesn’t connect to the original mailto:[email protected]. It now goes to https://mcanallys.ca/[email protected] which isn’t actually a page on my site.
October 11, 2025 at 1:57 pm #341436Tansenn
ParticipantOne thing to add. I had to reassign the fonts as they reset themselves. When I did, the customized social icon now shows the hover icon displayed right next to it instead of hovering. So that means 3 hovers for the socials links are broken in addition to the mail link not working. (see staging.mcanallys.ca)
October 13, 2025 at 2:25 am #341457sujapati
Keymaster@Tansenn: Thank you for bringing this to our attention. We apologize for the inconvenience. We have identified and fixed the issue on our server. An update will be released soon that will resolve this on your end as well. We appreciate your patience and for reporting this issue.
Kind Regards,
Sujapati -
AuthorPosts
- You must be logged in to reply to this topic.
