How can I remove the square slider pre loading animation and how do I include my nav bar logo to load at the same time as the slider?

  1. Firstly, how do I remove the square slider pre loading animation. As you can see in the link below the square animation box appears before the slider loads. How can I get rid of that?

  2. Secondly, how do I include my nav bar logo to load at the same time as the slider? As you can see the navigation bar logo is one the page the second it opens then a couple seconds later everything else loads. Example is in the link.

streamable.com/houbg

Website code, I think the index.html page is the issue with these two problems I’m trying to fix.

Kind Regards,
Liam.

1. Add display: none to .tp-loader.spinner1 (https://github.com/liamdocherty/car_detailing/blob/master/style/revolution/settings.css#L1002)

2. You could set

.template-header-top-logo {
  display: none;
}

and when jQuery loads change it to display: block (https://github.com/liamdocherty/car_detailing/blob/master/index.html#L163)

3. I hope this is nowhere near to final version, because my laptop’s fan was going crazy while loading and parsing the page (imagine mobile device on mobile network - goodbye battery life, but user may even not wait until page loads).