I can't see icons on Mozilla Firefox

I have a similar problem to do with the icons.

In the header they all display fine in Chrome, Safari, IE, but in Firefox some of them are hidden.

Here is a link to my website

Hi @antoniop1991

When inspecting your site in Chrome Console I can see:

Failed to load resource: the server responded with a status of 404 (Not Found)
https://lnx.aspicperugia.it/wp-content/themes/vantage-child/images/retina/more-icon.png Failed to load resource: the server responded with a status of 404 (Not Found)
https://lnx.aspicperugia.it/wp-content/themes/vantage-child/icons/vantage-icons.ttf?-9o183q Failed to load resource: the server responded with a status of 404 (Not Found)

What we’ve seen lately is some hosts set things up to only allow certain file types to be loaded. Please forward these errors to your hosting company and ask if those files are being blocked.

Hi @smj93

Your icons appear to be loading well in Chrome and Firefox on my side. Any change on your side since posting?

Hi @misplon

Sorry for the late response, been busy over Christmas.

It works fine on IE, Chrome and Safari.

Here is screenshot of what I get in Firefox.

Cheers, Stu

Thanks for the info. This widget wasn’t originally designed to be used here, it’ll need a little help in Firefox. Try the following under Appearance > Custom CSS (Vantage Premium) or in your own Custom CSS plugin like Simple Custom CSS or Jetpack Custom CSS for Vantage Free:

/* Header Circle Icon Widgets */

header#masthead .hgroup #header-sidebar aside.widget.widget_circleicon-widget {
display: inline-block;
float: none;
}

Thanks @misplon!

That works ??

Cheers, STu

Super, glad that did the trick.

All the best.