oto kod z custom.css dotyczący preloadera. Może ktoś zerknąć czy został dobrze ukryty? Niestety moja wiedza skończyła się kilka lat temu i nie jestem tego pewien
/*loader start */
#index #loading-center-absolute {
position: absolute;
left: 0;
height: 80px;
width: 80px;
right: 0;
margin: 0 auto;
}
#index #page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: -1;
opacity: 0;
-moz-transition: all 1.3s ease 0.3s;
-o-transition: all 1.3s ease 0.3s;
-webkit-transition: all 1.3s ease 0.3s;
transition: all 1.3s ease 0.3s;
overflow: hidden;
margin: 0 auto;
}
#index #page-preloader .hidden {
opacity: 1;
z-index: 100500;
overflow: hidden;
}
#index #page-preloader .preloader {
position: absolute;
text-align: center;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
right: 0;
margin: 0 auto;
left: 0;
top: 45%;
}
#index #page-preloader.hidden .preloader {
opacity: 1;
}
.object{
position: absolute;
top: 0px;
width: 100%;
height: 100%;
z-index: 4;
background: url('../../assets/img/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
/* background-size: 100px; */
}
#page-preloader{
display: none;
}
#index #page-preloader{
display: block;
}
.product-additional-info .compare, .product-additional-info .panel-product-line {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.product-additional-info svg {
display: none;
}
.product-additional-info .add_to_compare, .product-additional-info .prowish {
display: inline-block;
vertical-align: middle;
background-color: #ca0000;
color: #fff;
text-transform: capitalize;
font-size: 14px;
padding: 6px 15px;
border-radius: 5px;
transition: 0.3s ease;
margin-bottom: 4px;
}
.product-additional-info .add_to_compare:hover, .product-additional-info .prowish:hover {
background-color: #222;
color: #fff;
}