I want to disable the fade in animation for my header. Thus I wonder what is the recommended way to do it. I can certainly disable it using custom CSS, but that seems a bit “hacky” to me given that fade in animations are also disabled for some demo sites (e.g. https://demo.tagdiv.com/newspaper_fast/).
Hi,
Maybe you mean the background transition that causes a delay before backgrounds appear, this issue is known, we will find a solution for it.
The quick fix for the moment would be to enter this code in the theme panel analytics section, enter it as the first code there (before all other codes you have entered)
<style>.td-element-style {
opacity:1!important;
}</style>
If this is not what you mean please provide a link to the website so I can inspect the header.
Thanks
Hi,
thanks for your reply. That’s exactly what I meant.
I have now tested your suggestion and it turns out that while it fixes the issue with the background, the menu items themselves are still animated. How can I make sure that the menu items are also displayed before the page finishes loading?
Hi,
Please provide your website URL so I can check the menu animation and also, so I will be able to provide a more accurate code.
Thank you!
Is this issue solved yet?
I have the same problem in my cloud-header template 5. The menu still fades in with the provided code.
Hi Roboman,
Please set this custom code in analytics
<style>.td-element-style {
opacity:1!important;
}</style>
-> https://www.screencast.com/t/dDsRbb5uHi0
Hope this will help you better!
Thank you for your reply Catalin.
The logo with background do not fade in anymore with that code. But unfortunately the menu still fades in.
Hi Roboman,
Please provide your website URL so I can take a closer look at it.
Thank you!
Hi Catalin,
Did you have a look already?
Thanks.
Hi,
I have checked your website and I saw that transition. Please disable all of the untested plugins, clear all the caches, purge CDN file and check the results.
Thank you!
