[Tansenn]

Hi 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.

[Tansenn]

Also, 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.

 

[sujapati]

@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,
Sujapati

 

[Tansenn]

Hi 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.

https://staging.mcanallys.ca/

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.

 

[sujapati]

@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,
Sujapati

[Tansenn]

Eureka! That fixed it!

Thank you!

[Tansenn]

Just 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.

[Tansenn]

One 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)

[sujapati]

@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

[Author]

Posts