Hello all. After much difficulty finding bits and pieces in the documentation to guide me, I’ve finally published my website. I accessed Sitejet from CPanel. The website is not particularly fancy. It is for marketing for my first aid training.
The published site works fine on a desk top browser. I checked it with my old samsung galaxy s2 tablet and it seems fine. However I am experiencing problems with a collection on phone browsers. There is a link called “Online Courses”. On my Motorola Edge 20, with Chrome, the page displays fine. However, I have also installed Firefox on my phone and the page displays the top menu and the footer. The content appears to be there but in white or unreadable text. Likewise, on my daughters’ iPhone 11 and 13 the same problem exists in Safari. I can upload a couple of screenshots which show that text can be highlighted.
The website is www.argenttraining.com.au
PS: any design suggestions welcome
Tapping on the phone screen in Firefox provides a page - Index of /online-courses-single-page-layout, with a list of all the courses which should be displayed. These links are functional.
1 Like
Hi!
At the first glance it looks like a Sever/CPANEL configuration issue.
In Firefox you get CORS errors with reason: ‘content-type’ is not allowed according to header ‘Access-Control-Allow-Headers’ from CORS preflight response).
You will need to allow cross origin requests on your server. Try contacting CPANEL or your hosting support as this issue is not related to the builder.
Here is the full error message:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://argenttraining.com.au/api.php/collection/6684e2ab2bad416c365d26a2/items?order=columns.sort-num_ASC&limit=10&offset=0&paginate=true. (Reason: header ‘content-type’ is not allowed according to header ‘Access-Control-Allow-Headers’ from CORS preflight response).
Hope this helps.
1 Like
I’m not seeing the content-type error or a CORS error. Firefox under windows on my PC is working fine. It’s iPhone safari and android Firefox not working. In Firefox on my phone I can’t see how to check the source code. I can browse the index of folders with individual collection items and those pages display fine. It’s only the placeholder, if that’s correct, for the collection elements.
Edit: I installed firefox on my tablet. Didn’t work. Also checked via Tor browser and it didn’t work. However on all browsers, changing to https:// worked. I’ve just got to get redirect to https working now. Changing to http on my desktop definitely breaks the collection page.
1 Like
Hi!
I see that the CORS error is gone. If the CORS error is fixed it should work on all browsers.
The reason why you have different behaviours is because each browser has different defaults (Safari and Firefox are more strict).
I’ve tested on Firefox Desktop/Mobile and it works.
Hope this helps.
2 Likes
Thank you for your help Lucien. Finally it appears that changing to https works. I wonder if the problem with the online courses only, was how the page is created dynamically, creating a cross site error. I guess SSL creates a trust for that issue. I’m not sure if I’ve got the right idea here - but at least it works.
1 Like
