Menu icon Foundation
Dropdowns "Flash" During Page Load

I have a website built using Foundation 6.3 that the dropdowns menu's submenu items flash as the page is loading. Can someone offer advice on how to fix this?

View the site here.

dropdownmenu6.3

I have a website built using Foundation 6.3 that the dropdowns menu's submenu items flash as the page is loading. Can someone offer advice on how to fix this?

View the site here.

Dev Fox 11 months ago

You could try this link.  It worked for me.

Preventing FOUC

 

 

lukenlow lukenlow 11 months ago

 Thanks for the tip, this is exactly what I was looking for, hopefully it will help me cope with the problem, I will definitely tell you about the result 192.168.1.254

Ryan Jaeger 4 months ago

It's probably worth noting that you should put the PREVENTING FOUC code at the top of the foundation.css, NOT in your app.css overrides, which should load after foundation.css.

I put it after the body normalize style, but as long as it's before the first .title-bar reference it should work fine.