
-
AuthorPosts
-
May 2, 2022 at 8:54 pm #1350239
Hello,
i´ve added a costum preload animation (a .gif file)
Yet i cant disable the old one (the spinning circle) with the options at hand.
Any idea how to disable the standard preload animation to only display my costum preloader?
Thanks in advance!
Best wishes, Niclas
May 3, 2022 at 1:27 pm #1350325Hi Niclas,
Could you please create temporary admin logins and post them here privately so we can look into it? :)
Best regards,
YigitMay 3, 2022 at 7:50 pm #1350385This reply has been marked as private.May 4, 2022 at 8:39 am #1350424Hi,
Thank you for the info.
We can reproduce the issue on our end but we are not yet sure what is causing it. The default preloader should disappear when there is a custom image preloader, but this is not what is happening in your site.
To fix the issue temporarily, please add this code in the Quick CSS field.
#top .av-siteloader { display: none !important; }
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelMay 5, 2022 at 11:07 pm #1350686Thanks for your solution!
Works like charm.
-> ClosedIf thats relevant for you guys, i have currently applied the following css. Maybe its a problem from my end?
@media only screen and (max-width:767px) {
.responsive .shop_table .product-quantity {
display: block !important;
max-width: 83px;
}.responsive .shop_table .product-quantity input[type=”button”] {
display: none !important;
}
}#top .av_minimal_header #header_main {
border: 1px solid rgba(0,0,0,0.1);
}@media only screen and (max-width: 767px) {
.logo, .logo a, .logo img {
max-height: 50px!important; }
.responsive .mobile_slide_out .logo img {
margin-left: 0px!important; }}
svg#Layer_1 {
max-width: 100%;
}
body.woocommerce-checkout .woocommerce form .form-row .optional{
display: none ;
}
#top .av-siteloader {
display: none !important;
}May 6, 2022 at 8:59 am #1350763Hi,
Glad to know that this is working. Aside from the duplicated css media query and its position in the Quick CSS field, the css code above looks correct. We adjusted the css code a bit, moved the css media query at the very bottom and corrected the css format.
#top .av_minimal_header #header_main { border: 1px solid rgba(0, 0, 0, 0.1); } svg#Layer_1 { max-width: 100%; } body.woocommerce-checkout .woocommerce form .form-row .optional { display: none; } #top .av-siteloader { display: none !important; } @media only screen and (max-width:767px) { .responsive .shop_table .product-quantity { display: block !important; max-width: 83px; } .responsive .shop_table .product-quantity input[type=”button”] { display: none !important; } .logo, .logo a, .logo img { max-height: 50px !important; } .responsive .mobile_slide_out .logo img { margin-left: 0px !important; } }
Please feel free to open another thread if you have more questions about the theme.
Best regards,
Ismael -
AuthorPosts
- The topic ‘Replace Preloader’ is closed to new replies.