MEC More button not working properly

Support
#1

Hi. On my home page https://www.modburyteam.org/ the ‘More’ button at the bottom of the events works perfectly.

On page https://www.modburyteam.org/aveton-gifford-church/ it doesn’t and i cannot see what the issue is.

In inspecting the source I see that oil every page, I have the same JS error messages showing up as per the image attached. Would this be causing any problems, or be the reason for the issue above?

Many thanks

Alex

#2

Hi Alex,

It is showing for me:

Please try to check it on other browsers. It might because of any extension on your browser. The only issue I am seeing are missing icons because you have CORS or (Cross Origin Resource Sharing) issue. Please check this thread for that.

#3

Hi and thanks for your post.

With regard to the button yes it is visible, but when you press it, do you see any additional events as I don’t in either Safari or Chrome. I just get the timer spinning round. On the home page it works OK.

With regard to the missing icons, thank you for pointing that out. In Safari they are visible on all pages, but in Chrome, the are only visible on the home page.

Does this possibly mean that the two issues are linked perhaps?

I have added:
<FilesMatch “.(ttf|otf|eot|woff|svg)$”>

SetEnvIf Origin “http(s)?://(cdn|sub).domain.com$” AccessControlAllowOrigin=$0
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
Header merge Vary Origin

to my .htaccess file in my root folder, but this does not seem to have made any difference.

the url of the site is the same in Wordpress > General > Settings i.e. https://

FontAwesome fonts are installed as a plugin folder and that also shows their their settings

I am rapidly getting out of my depth as to why this isn’t working and would appreciate any assistance

Thanks

Alex

#4

Hey Alex,

This is because of your web host. They must enable CORS as that looks like the issue with the MEC button and Font Awesome icons. This CORS problem was mentioned in the reply from the other thread Lely linked to https://theme.co/apex/forum/t/fontawesome-icons-loading-as-rectangles/68407/4

Please contact your web host so they can enable CORS in their server.

Thanks.

#5

Thanks problems now resolved

Alex

#6

You are most welcome!
It’s good to know that your problem is already resolved.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.