Firefox and icons

Your site looks identical on both Chrome and Firefox when I view it. Were you able to come up with your own solution? If not, can you be a bit more specific about which icons you’re having issues with?

Thanks,
Kevin

Hi,

Sorry to reply so late.
Not on my side. I have been checking 2 instances of Firefox and both lack the social icons and several other once in the top header. Not sure why since the other theme Kadence doesn’t seem to have this issue. Actually, have the same issue on Chrome, that is why they look the same ;-). Only Safari and IE seem to display it correctly. Might be java issue??

Thanks
Sam

Hey Sam,
Sounds to me like you just need to clear your cache. Have you done this?

Hannah

Yes. both computers. But that doesn’t solve the issue. However disabling W3 does solve the issue but is not really an option? How can I avoid this?

Thanks

Hey sammies are you using a browser extension, like a popup blocker? or something that might be triggering on your social icons?

Kadence Themes

Hi,

I am checking on several devices and computers and some show icons others not. One with pop up blocker but 2 others not. So I doubt that is the issue. Virtue theme doesn’t seem to have that issue though.

Have you cleared your w3 total cache as well as your browser cache? I just checked your site from three different browsers and saw no issues with the icons. Can you send a screenshot?
It could also be worth deactivating your plugins to test if any are conflicting.

Hannah

Yes all cleared. Like I said before disabling W3 plugin seem to solve the issue. While I am at it. I was wondering the buttons via the shortcode are they responsive? they seem to stay the same size on every screen solution.

Here is my screenshot

Hey,
Yes buttons stay the same size. all text does for that matter. Responsive doesn’t mean the text gets smaller. The point is that on every device it’s readable.

But you can of course make a button get smaller on a certain screen size.

If you have a button in mind you can post a link and I can help with the css.

Ok, I see with your screen shot your loading: https://yazzys.com/

That will not show icons because of this error:

Font from origin ‘https://yazzys.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://yazzys.com’ is therefore not allowed access.

What I was looking on is this url : https://yazzys.com

and they work there because that’s the url that you are loading your content through.

You would be best just to redirect people not using ssl to your ssl url but you can also change the Cross-Origin Resource Sharing policy in your htaccess file of your server (your host should be able to help you with that).

Kadence Themes

Hi,

Thanks it has been resolved :).