Hello. Tell me why the preloader is posted on the site not hiding on mobile devices, go to, let's say in chrome on mobile and always loaded the preloader, but leafing through the page sometimes seen slip from the top of the screen part of the site.
<!-- Лоадер --><!-- Конец лоадера -->
// The loader .loader background-color: #111 position: fixed top: 0 left: 0 right: 0 bottom: 0 z-index: 102 .cssload-loader position: fixed top: calc(50% - 32px) left: calc(50% - 32px) width: 64px sized height: 64px sized border-radius: 50% perspective: 800px .cssload-inner position: absolute width: 100% height: 100% box-sizing: border-box border-radius: 50% .cssload-one left: 0 top: 0 animation: cssload-rotate-one 1.3 s linear infinite border-bottom: 3px solid rgba(249,201,105,.95) .cssload-two right: 0 top: 0 -webkit-animation: cssload-rotate-two 1.3 s linear infinite animation: cssload-rotate-two 1.3 s linear infinite border-right: 3px solid #f9c969 .cssload-three right: 0 bottom: 0 animation: cssload-rotate-three 1.3 s linear infinite border-top: 3px solid #f9c969 @keyframes cssload-rotate-one 0% transform: rotateX(35deg) rotateY(-45deg) rotateZ(0) 100% transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) @keyframes cssload-rotate-two 0% transform: rotateX(50deg) rotateY(10deg) rotateZ(0) 100% transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) @keyframes cssload-rotate-three 0% transform: rotateX(35deg) rotateY(55deg) rotateZ(0) 100% transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) // End of preloader
$(window).on('load', function() { $('.loader').delay(500).fadeOut('slow'); });