fbpx
Skip to content
Questions & AnswersCategory: QuestionsWhite Screen Before Page Load
Sisvan asked 7 years ago
Hello, I am in the process of translating and duplicating all the pages of our website and I intended to use your script for the footer because in Squarespace the footer is common for all pages.   However, I noticed after adding the code that there is a white screen of 0.5 seconds and it makes the transition between the pages significantly worse in my opinion. You can test with a free, 2 min to set up, squarespace website. Without the Multilingualizer, the page transition is very elegant, but when you add the code you always see a blank page for a split second.   Is there any way to execute your code after the page has loaded ? In my case, the translated text is at the bottom of the page so it would be ok to load the regular page and then apply your code to avoid the white flashes.   Thank you for your help,
5 Answers
johnite Staff answered 7 years ago

Hi Sisvan, 
The flash that you are seeing is a FOUC a flash of unrelated content – there might be some code we could give you to inject that would help this.
Can you send us a link to the site and we will take a look for you?
Kind regards
John

Sisvan answered 7 years ago

Hello,
Thank you for your answer I hope you will be able to fix this.
Here is the website: http://www.franckmuller.com
The translations are in the footer. It correctly displays one language at a time.
Best regards,

johnite Staff answered 7 years ago

Hi Sisvan,
The flash of white is required for the Multilingualizer to hide the text as per the users preferences.
We are working to improve this in a future upgrade, look out for some news on this.
In the meantime, a cosmetic fix might be:

#desktopNav, .title-desc-inner {
animation: fade-me-in 1.5s;
}
@keyframes fade-me-in {
0% {opacity:0;}
80% {opacity:0;}
100% {opacity:1;}
}
This gently fades in the page and is perhaps less intrusive than the white flash?

Sisvan answered 7 years ago

I tried and it added a fade-in effect on the text after the white screen, it didn’t improve, so I’m waiting for a fix, hopefully soon.

Sean replied 6 years ago

Dear Sisvan, I wanted to let you now that you could tried this fix to help with the navigation on your website :

#multilingualizerloadingscreen {
position:fixed;
width:100%;
height:100%;
background-color: black;
background-repeat:no-repeat;
background-position:center, bottom right;
z-index:99999999;
top:0px;
left:0px;
transition : visibility 0s 0.3s, opacity 0.3s linear

}
#multilingualizerloadingscreen.loaded {
opacity:0;
visibility: hidden;
}

Just replaced the all by the one I’ve copied above and it might do the trick ! (it did for me, it’s a little better, not great, but better !)

johnite Staff answered 7 years ago

Work begins this month on the next Multlingualizer upgrade – which will have a fix to this issue and a heap of new features.
Regards
John

We use cookies

We use cookies for various things on our site, including our on-site chat bubble (if you use it), our comment forms (if you use them) and for session handling (if you log in).

Other than that, we use cookies to identify where traffic came from to help us understand which traffic turns into sales, we use a cookie for Google Analytics traffic analysis and we use a cookie to customise adverts for our own products we think you'll be interested in.

You can read more detail in our privacy policy page. Please click 'Accept' or 'Decline' to continue.