We've used mega slider on our upcoming website and we've overlayed the menu on top of the slideshow. Every time an animation is happening, the fonts fade a little on Safari only. Chrome and FF are fine.
You can see it on our staging server. http://aime.onlinemedicalstaging.com.au
I've tried adjusting the z-index of both the menu, the whole header, the slideshow and the object in the slideshow, but nothing helps.
How can I stop this fading of the fonts on Safari?
FYI FlexSlider had a similar issue, http://stackoverflow.com/questions/9733011/safari-changing-font-weights-... and that's why I tried the z-index thing, but no luck so far.
Hi,
Which version of mega slider are you using?
So could you send us your site url, admin account and FTP account? We would like to have a check on your site.
Please remember to send by comment form and check "Private message" for security reason.
Sorry,
We do not have BitBucket account. Please send us your SFTP.
Hi,
Please add the following code into your file theme style:
.heading {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@Cindy - I applied your CSS, cleared the cache and it worked. Safari doesn't fade the fonts anymore. Font is a little faint, but better than fading during animations.
Thanks for your help with this.