Dropdown Menu Doesn't Show Correct Icon

I’m having a problem with the dropdown menus on a Wordpress site using the Shapely theme.

Instead of showing a down arrow, it’s showing a square (see attached). I’ve been hunting through the code trying to find a way to make the squares go away, but it’s buried somewhere in the CSS and I can’t seem to find it.

Any idea why it looks like this? I’d like to either have a down arrow or no icon. The squares look like a mistake.

Hi,

  1. Add this little line in your .htaccess file, it located in the root directly of your WordPress install,

Header set Access-Control-Allow-Origin "*"

if you don’t know how to edit your .htaccess, ask your hosting support they will help you with that. If that didn’t solve, can you show us the website address to look at the issue?

Let us know,

Thanks,
laranz.

Hey there,
I hope you’re doing well today

Kindly send me the URL to your website so I can have a look at the issue for you.

Best Regards,
Support

This is the URL: http://sunglow5.wpengine.com/

I don’t think editing the htaccess file sounds like a good idea. We’re currently using a staging environment while the site is in progress, but this seems an odd thing to not function correctly.

Hi,

  1. That will be the solution, if you don’t want the .htaccess solution, then try this CDN solution, https://colorlibsupport.com/t/links-to-font-awesome-broken/#post-117752

  2. Second solution, Add this in the .htaccess

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

Let us know,

Thanks,
laranz.

This seems to have been fixed in the latest theme update. The htaccess solution did not appear to have an effect though.

Hello there,

I am glad the theme update worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support