How Can I delete "Fade in" effect of my header background image ?

Hi,

There is set a translation on the image, this can be remove only with custom css, also this is set because the images is load after the content, the css code is:
<style>
.td-element-style-before {
transition: none;
-webkit-transition: none;
}
</style>
This need to be set here -> https://i.imgur.com/QdcK8dS.png

Thank you!

Hi,

I believe that is why the transition was placed in the first place, to make the possible flashing not so noticeable. Not all browsers produce the same results, there are differences regarding how the website is loaded between Chrome, Firefox and IE for example. You could try some tricks from these topics
– https://www.nccgroup.trust/uk/about-us/newsroom-and-events/blogs/2016/may/why-background-images-are-slow-to-display-and-how-to-make-them-appear-faster/
– http://smallbusiness.chron.com/making-background-images-load-faster-31826.html

Thanks

I’m glad that you find a way to make it work as you want!
If you have other questions, let us know!
Have a nice day!