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

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

jasa11
Explorer
87 0 11

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.

Replies 3 (3)

EliteCoder444
Shopify Partner
6 0 0

Add these codes to your CSS, hope it will work

 

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

jasa11
Explorer
87 0 11

No sorry, the empty space is still there

EliteCoder444
Shopify Partner
6 0 0

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