Problem

Hosting Support
1

Website URL https//www.skingsofficial.is-great.org

(please share the FULL error message you see, if applicable)

When I acces the website from facebook messenger the website is completely messed up it happend after I putted the ssl certificate and it became https, started to have problems like that, Is there anything I can do about it

Screenshot_20240223_200825_Messenger
Screenshot_20240223_200825_Messenger1080×2340 160 KB

Other Information

When I open it from the browser mobile, computer version is working, does anyone know how to fix it

Screenshot_20240223_201410_Kiwi Browser
Screenshot_20240223_201410_Kiwi Browser1080×2340 186 KB

This is from the browser in mobile.

Is it because of dns caching or there is something else😮‍💨

2

you have a div and some script before !doctype and html tags thats upsetting the browser

<div class="Preloader">
                <div class="centered">
                    <img src="http://skingsofficial.is-great.org/wp-content/uploads/2024/02/55.png" alt="Logo" style="height: 100px; display: block; margin: 0 auto;">
                    <img src="http://skingsofficial.is-great.org/wp-content/uploads/2024/02/Spin-1s-200px.svg" alt="" style="height: 150px; display: block; margin-left: auto; margin-right: auto;">
                    <p style="margin-top: 10px; font-size: 16px; margin-left: auto; margin-right: auto;">Направено със ❤️ - <strong>SkingsOfficial</strong></p>
                </div>
              </div>
              <style>
                .Preloader {
                    position: fixed;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: #ffffff;
                    z-index: 100000;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                }
                .centered {
                    text-align: center;
                }
                img {
                    margin: 0 auto; /* Center the logo horizontally */
                }
              </style>
              <script>
                document.body.style.overflow = "hidden";
                document.addEventListener("DOMContentLoaded", () => setTimeout( function() {
                    document.querySelector("div.Preloader").remove();
                    document.body.style.overflow = "visible";
                } , 1 * 1000));
              </script><!DOCTYPE html>
<html lang="en-US">
<head>
4 Likes
3

Yeah but as i said, before I added the certificate when i opened the site from messenger everything was loading ok, I don’t think that is the problem, also for the browsers it’s working just there, example when I sent it to my friend to see it - it’s like that …

4

the mobile view I get this

image
image410×854 88.4 KB

5 Likes
5

Yes that what I said , if it’s opened from the facebook messenger it’s not showing correctly(Only in mobile) normal browser for phone it’s working fine :frowning:

6

sorry my bad

I did also see some error messages in the browser console about mixed content (images linked as http instead of https)

6 Likes
7

Ok i fixed it… Now i started to get this error Updating failed. The response is not a valid JSON response.
but it’s still updating (even when this error is shown) what seems to be the problem now :frowning:

EDIT: I deleted .htaccess and changed permalinks( this didn’t helped me , the message is still visible).

EDIT2: It was because of the preloader thing after I used other code it worked perfectly thanks @lovebug , It was because it was using REST API

1 Like
8

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