I'm developing a Wordpress website and I have added a custom jQuery code that should be firing a loading animation when the page is loaded: that doesn't work on iPhone devices.
Here is the code:
jQuery(document).ready(function( $ ){
$(window).load(function() {
$(".yellow-rhombus-onpageload").css("clip-path" , "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)");
setTimeout(function() {$(".yellow-rhombus-onpageload").css("display" , "none");}, 1050);
});
});
Basically the "yellow-rhombus-onpageload" div contains an iframe that should disappear once the browser has loaded the page. Instead, the thing doesn't disappear on some iPhone devices i tested, like the iPhone 11 Pro Max and the iPhone 13, both on Safari and Chrome. Everything works fine using Android and Windows devices and even on MacBooks.
What's the issue?