Hello! I have an issue that is found on other forum posts where a preloader that is rendered with Interactions 2.0 is showing the page for a split second before displaying. To get around this, I found that if I set the preloader class to display: block in the site wide custom code then it will render that first, and then I use an interaction to set the preloader back to display:none after the page loads.
However, now this solution blocks the view of the page content when using the Webflow Editor. I am looking for any custom code help to possibly set the preloader to display:noneif/when someone is using the Webflow Editor?
Here is a screenshot of the Editor view of the site. When you first load the Editor the preloader goes away with the Interaction as it should, but then it acts like it reloads the page for a second and thus shows the preloader again, blocking the content to be editd.
Hi @cmoen89, I am also stuck in same issue I have a preloader and navbar of fixed height, when client enters in editor mode he only see the preloader, I have added interaction on âwhen page starts loadingâ and set preloader and navbar display to hide and then to block but still navbar is is displaying only on home page and hidden on some pages
I am dealing with this same issue. The editor only shows the preloader element that is set to display: fixed. On the live site, the IX hides the preloader element on page load. But in the editor it is just static on the preloader.
So I spoke to the webflow support team about the same issue and they said
When I was investigating your project and page load animation for issues I noticed that you had no âinitial stateâ set in the âpage loadâ interaction and the display setting of the preloader was set to fixed. This is causing the âpreloading-animationâ element to always be visible in the Webflow Designer since the display property is set to flex.
To fix this issue you need to set the initial display state of the preloader to âflexâ in the interaction settings and also set the 'preloading-animation" class to display:none.