Docs

[IngemarB]

Hi,

A strange thing occured;
-When typing my url with http://www.vakantiehuisjes.com the menu icons are normal, like de menu bar as shown in the mobile version and the submenu icons.
-When typing my url without the www. the menu icons turn into blocks. Clicking the blocks and go to another webpage the problem disappear, otherwise it only displays the blocks on the index.

It does not happen in desktop version tested with Firefox mozilla.

Do you have any clue?
I will attach two screenshots.

I am using the latest version of wordpress, X, and cornerstone.

Nice regards,
Ingemar

[IngemarB]

Sorry supplied the wrong url; must be http://www.vakantiehuisjeszweden.com 🙂

[Rupok]

Hi there,

Thanks for writing in! It’s because your site is setup without www. So when you are putting www the directory won’t be found and some resources would be missing.

Hope this makes sense.

[IngemarB]

Hi,

Thanks for the quick reply.
My site is found by both types with or without the www. In google I set my preference to the version without www.
It only regards the index. It shows the different menu icons in the url without www. This time I provide the correct images in the attachement. Maybe it makes things more clear.

Thanks,
Ingemar

[Lely]

Hello Ingemar,

Thank you for the screenshots. Unfortunately, I can’t duplicate the issue you were having. I tried different browser and the icons are showing all the same. See these also:
http://screencast-o-matic.com/watch/cbVQVgQBQq
http://screencast-o-matic.com/watch/cbVQVEQBQt
Even if I access your site with this :www.vakantiehuisjeszweden.com/ it always redirects to this:https://vakantiehuisjeszweden.com/ and the icons are fine. Did you figure this out already? Please confirm.

[IngemarB]

Hi Lely,

Yes, in the desktop version it’s okay. It only happens in the mobile version, and only whrn opening the site at the homegage. After clicking the menu the incorrect icons disappear and all is as it should be.
I thought about the ssl and my preferred site in google console which is set to vakantiehuisjeszweden.com. The ssl was bought for http://www.vakantiehuisjeszweden.com. Maybe I should redirect throught .htaccess from the one url to another.

Regards,
Ingemar

[Paul R]

Hi,

You can try this third party plugin.

WordPress Force HTTPS

Hope that helps.

[IngemarB]

Hi Paul,

I did use the plugin before asking about this issue.

But I found the solution by searching the internet.
Maybe it’s a topic worth for other users with the same probem;

title: Arrows in dropdown menu are gone and have strange graphic instead
Solution: You can’t use @font-face in Firefox with a font hosted on a different domain If you want to specify a font for @font-face using an absolute URL, or a font hosted on a different domain, it needs to be served with Access Control Headers, specifically the Access-Control-Allow-Origin header set to ‘*’ or the domains allowed to request the font. This also applies to fonts hosted on a different sub-domain. If you are using Apache you can try to put this in your .htaccess and restart the server.

Add this to your .htaccess file

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
<FilesMatch “\.(ttf|otf|eot)$”>

Thank you again for all the help!

Regards,
Ingemar
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>

[Rad]

Glad it works now and thanks for sharing!

[Author]

Posts