Menu icon not displaying correctly

This typically means the font icons are being served from a different URL than the one you're viewing the site on.

This should help: http://stackoverflow.com/questions/26125030/font-awesome-icons-not-showing-in-chrome-a-maxcdn-related-cross-origin-resource

Hi,

Thanks for your reply.

On the website it says,

This can be easily fixed by replacing the own CDN reference with:

//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

Do you know where I need to enter this code in order to fix it?

Is it on WordPress or in Chrome?

I just saw this in the last response on the website you provided.

I resolved this issue by removing <base href="http://domain.com/" /> from the header.

Would this be the way to resolve the issue?

I am not a programmer in any way. I just have a very basic knowledge of WordPress.

GP already has Font Awesome, so that won't fix it.

The link I posted above has the solution for you - it's a cross origin issue in some browsers when URLs don't match.

Ok, thanks for pointing me in the right direction.

I've posted a message on that forum that you linked to.

In the mean time as a work around is there any way to disable the font awesome icons?

The solution already exists in that thread: http://stackoverflow.com/a/26521650/2391422

Doing that will fix your problem :)

Thanks.

I must have missed it.

I'll try using the code in the thread.

Wish me luck!

Hey guess what?

It worked!

I used this code:

# Allow access from all domains for webfonts.
<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

That's a first for me!

I guess you learn something new every day.

Thanks for the 5 star support!

Glad I could help! :)