Resolved

Missing icons in main navigation

Ultra Theme started by abby_r May 25, 2016 10 replies
abby_r May 25, 2016 · 11:55 pm #3531

Hello,
I installed the Ultra theme and it looks really good, but the icons are showing up as broken links. It looks like there should be a small downward pointing arrow (caret) for pages that have sub-pages and a small magnifying glass for search that both show up as missing. Also, on the demo slider the left and right arrows show as missing icons. Please advise on how to locate these images (I am guessing .pngs?)

Thanks,
Abby

Andrew Misplon Puro May 26, 2016 · 10:34 am #3533

Hi Abby

Thanks for reaching out.

Try heading over to Settings > General, is your WordPress and Site URL the same? If they aren’t the same and assuming the difference is very small, perhaps www in the one and no www in the other, make them the same and the issue should resolve. You can’t make this change though if you’re hosting WordPress in another directory to the site URL.

If that doesn’t help, please, send a link to your site and we’ll take a look at the problem.

Andrew Misplon Puro May 27, 2016 · 5:55 pm #3564

Hi Abby

Thanks for checking. I’m not sure they are; if I check your source code, assets are being loaded from this domain: http://ciptest.fredericprinting.com.s40030.gridserver.com. Hosts block assets when loaded from another domain with the following error:

Font from origin 'http://ciptest.fredericprinting.com.s40030.gridserver.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 'http://www.fredericprinting.com' is therefore not allowed access.

If I swap http://ciptest.fredericprinting.com.s40030.gridserver.com with with http://www.fredericprinting.com/ then Font Awesome does load which is the library that the icons are part of.

To confirm, these are the settings that must both list: http://www.fredericprinting.com:

Mine are greyed out because I’ve set them manually in the WordPress wp-config.php file but yours should be editable. Can you confirm?

Andrew Misplon Puro May 27, 2016 · 5:57 pm #3565

Sorry, I see originally I was focussed on www vs no www. Try setting both URL’s to the main domain and all should be sorted.

maultasche Jun 8, 2016 · 7:02 pm #3723

hi,

I do have the same problem here.

in Chrome and Firefox everything is okay.

But in Internet explorer:
Font Awesome icons wherever on my homepage are working (https://welovehr.de) but in the footer they are not (as in before the header, I hid the headerbar yesterday because of that). But in the footer you can see that it does not work.

can you help? 🙂

maultasche

Andrew Misplon Puro Jun 8, 2016 · 7:10 pm #3724

Hi maultasche

Sorry to hear about the hassle. I can see the issue. BrowserStack the service I use for this is quite slow for me tonight. I’ll take a look ASAP tomorrow on a Windows machine and try work out what the problem is. It looks like the :before before pseudo element isn’t outputting in IE. I’m just not quite sure why. I’ll come back to ASAP.

maultasche Jun 8, 2016 · 7:11 pm #3725

thx a lot for this quick response 🙂 have a nice evening

Andrew Misplon Puro Jun 8, 2016 · 7:14 pm #3726

Apologies, I know where the issue lies. It will be resolved in the next update. Please, insert the following into your child theme style.css file or in a Custom CSS plugin like Simple Custom CSS:

http://pastebin.com/CUeDfSmC

Thanks 🙂

maultasche Jun 8, 2016 · 8:53 pm #3727

it works! many thanks! 🙂

Andrew Misplon Puro Jun 9, 2016 · 5:07 pm #3732

Awesome, glad we could help. Thanks for your support.

11 posts