Nav links keeps wiggling when clicking on them

[mistercreate (create.something)]

Hi @Eli11,

Thank you for the additional project, as it was very helpful.

What you’re experiencing is called Flash of Unstyled Text (FOUT), and can be fixed by adding the following to the Head of your project:

<style> .wf-loading * { opacity: 0; } </style>

The following short screencapture provides some insight: Screen Recording 2018-11-14...

You can view the original response at

Page flashes before loading screen shows

Hi there, thanks for getting in touch about the page flashing, I am here to help. The behavior you are describing may be FOUT (a flash of unstyled text and usually occurs when text is finished loading before the Webfont. A workaround to fix this common issue for webfonts is to add a little custom code to the head of the site: <style> .wf-loading * { opacity: 0; } </style> This typically fixes the latency on the fonts. Here are some good resources: Some info on FOUT: FOUT, FOIT, FOFT | CSS…

Hopefully, this was helpful. Feel free to let me know if this is helpful, or if you have any additional questions.