Multilingual navigation flashes

Site URL: https://coreplast-2.squarespace.com/

Hi, I used the code for multilingual site (version 7.1) from bradgood.net, but unfortunately the navigation shows both language navigation links (english and finnish) in a blink of an eye, when changing the language.

I don't want to present this to my client, so does anybody know how to fix this problem?

https://coreplast-2.squarespace.com/
Password: coreplast

Thank You!

/Heli

This is normal because you are only hiding one of the navs AFTER the page has loaded. You can avoid this happening by hiding the entire nav and then only unveiling it after the page has loaded.

For example, adding something like this to the start of Custom CSS should hide the nav.

.header-nav-list {
  visibility: hidden;
}

Then, when the jQuery code has shown or hidden the correct nav elements, you can add some more styling/code to make it visible again.

Thank you, but I don't know what to code next... so my navigation is now hidden.  🙂

You have an answer to this problem too? 

Yes, try adding this to Custom CSS, just below the other CSS that I gave you: 

.header-nav-list .multilanguage {
  visibility: visible;
}

If this helps you, please let me know by clicking "Like" below  ⬇️

Hi @Amelielle! 

I'm Parker and I work on the Customer Operations team at Squarespace. I wanted to give you a quick update that we now have an integration with Weglot which would allow you to add a language-switcher button to your site's header without needing to use custom code. 

Here's some more on that: 

https://support.squarespace.com/hc/en-us/articles/205809778-Creating-a-multilingual-site-in-Squarespace