Page "flickers" in Chrome

[Steve Sipos]

Hello Bill,
I have an issue with the epic theme on Chrome:
When the page loads it first displays, then it disappears for half a second and then it finally displays. This happens on all pages using the theme. To see if it is a problem with my site, I went over to your site and opened the live prview of the epic theme with my Chrome browser – with the same result (Also happens with on different PCs on Chrome).
Since Chrome uses webkit, I also checked it with safari but safari seems to have no problems here.

[Bill Robbins]

Good Morning Steve,

We could try removing the fade in animation and see if that solves the trouble for you. Here’s how to make that change:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   .home .fadeIn,
   .fadeIn {
   	-webkit-animation-name: none;
   	-moz-animation-name: none;
   	-o-animation-name: none;
   	animation-name: none;
   }
   

3. Update your settings.

See if that doesn't do the trick. If you have any questions, just let me know.

Thanks and have a great weekend,
Bill

[Steve Sipos]

Thanks a lot Bill, this seems to have done the trick!
I just disabled the fading effect for Webkit, as Chrome was the only browser making trouble but funny enough, the fading effect now works well on Chrome as well.
Maybe you should add

.home .fadeIn,
.fadeIn {
	-webkit-animation-name: none;
}

to the template’s styles 🙂
Have a great weekend
Markus

[Bill Robbins]

I’ll definitely have to take a look at the animations again. That’s pretty bizarre.

If it acts up again, just let me know 🙂

[Author]

Posts