Announcement bar doesn't have that ''Pop-Up'' animation.

Technical Q&A
,
1

Hey,

I got a little problem with my announcement bar. So I’m not using any specific apps for this as its all done manually through coding.

The issue is that my announcement bar doesn’t have that proper pop-up animation as you load up the site. Instead, there’s this empty spot above the header bar in which the announcement loads. So you basically see an empty space until it fully loads, which doesn’t look very professional. I’d like for it to pop-up after 2-3 seconds of loading up the site rather than there to be an empty space.

If anyone can help me adjust that, I’d greatly appreciate it.

URL: jasaoslaj.com

The issue is much more visible on mobile which is what my site is primarily optimized for.

Thanks.

2

Add these codes to your CSS, hope it will work

.promo_banner-show .promo_banner {
transition: all 1s linear;
animation-delay: 2s;
}

3

No sorry, the empty space is still there

4

Then you need to use another animation library like AOS or Animate.css.
Thanks.