[Resolved] Missing icons in main navigation

Tagged: 

  • Author
    Posts
  • #3531

    abby_r
    Participant

    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

    #3533

    Andrew Misplon
    Keymaster

    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.

    #3562

    abby_r
    Participant

    Hi Andrew,
    My wordpress and site URLs are the same. It is http://www.fredericprinting.com.

    Thanks,
    Abby

    #3564

    Andrew Misplon
    Keymaster

    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?

    #3565

    Andrew Misplon
    Keymaster

    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.

    #3723

    maultasche
    Participant

    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

    #3724

    Andrew Misplon
    Keymaster

    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.

    #3725

    maultasche
    Participant

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

    #3726

    Andrew Misplon
    Keymaster

    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 🙂

    #3727

    maultasche
    Participant

    it works! many thanks! 🙂

    #3732

    Andrew Misplon
    Keymaster

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

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Scroll to top