Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #1350325

    Hi Niclas,

    Could you please create temporary admin logins and post them here privately so we can look into it? :)

    Best regards,
    Yigit

    #1350385
    This reply has been marked as private.
    #1350424

    Hi,

    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,
    Ismael

    #1350686

    Thanks for your solution!
    Works like charm.
    -> Closed

    If 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;
    }

    #1350763

    Hi,

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Replace Preloader’ is closed to new replies.