Website displays preloader sometimes and fades smoothly other times.

1 reply · opened Jul 7, 2016

Rrec111Jul 7, 2016

My website http://www.advantethinktank.com/cornelius/home will sometimes display the preloaded when switching between pages, and other times it will just smoothly transition the content, which is exactly what I want. The client refuses to have the white preloader page display between page loads, so is there a way to make it transition consistently where it looks like the content is just being faded in and out while the page remains the same as it does sometimes?

SSemicolon WebSTAFFJul 8, 2016

Hello,

We are not sure if this is Entirely possible since the Page Transition Effect is only applied to the Page on the Active State and needs the page to be refreshed. However, you can consider adding the following CSS Code which might work as you would like it to:

.css3-spinner {
	background: url('../img/background.jpg') no-repeat left top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.css3-spinner > div { display: none; }

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard