Full width easy slider loading animation

Hey Qgrafica_7,

Please try the following in Quick CSS under Enfold->General Styling:

.av-siteloader {
  animation: av-load8 .8s 2 linear;
}

Best regards,
Rikard

Hi,

Thank you for the inquiry.

To completely hide the preloader, you can disable the Page Preloading option in the Enfold > Theme Options panel. Or use this css code:

#top .av-siteloader-extra, #top .av-preloading-logo { 
   display: none !important;
}

Best regards,
Ismael

Hi,

Please try this instead:

#top .avia_loading_icon .av-siteloader, #top .avia_loading_icon {
  display: none;
}

Best regards,
Rikard

Hi,

Would you mind providing a screenshot of the element that you’d like to remove? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

The reason why the CSS is only applying on mobile is because you have placed it after an open media query:

@media only screen and (max-width:767px) {
  #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-size: 20px;
    color: white !important;
}

I added the CSS at the top for you, and it’s working as expected. Please review your site and close the media query at the proper location.

Best regards,
Rikard