I’m using a page load animation on my site. It works great on Chrome but lags and doesn’t disappear on Safari. I’m looking to hide the element entirely from Safari. I know there is a way to do this, I imagine it is a CSS affair. Any ideas?
Whilst I would always recommend developing cross-browser compatible CSS and site code, there are ways to target only the Safari browser.
This Stack Overflow thread should help:
I hope that helps!
Thank you for your help! I wish Safari didn’t have these issues with page load animations, especially since nothing in the animation has an auto value. I will try this code!
Would you have a recommendation of where to implement this? In the before < body >?
No problem - happy to help!
I would go ahead and place this type of code in the tag of the applicable page/pages. If you need it site-wide, then you can apply it via your project’s Custom Code tab on the Dashboard.
Hope that helps.