How can I alter or remove the fade in animation on the Ella theme header 05?

Store Design
, , ,
1

Hi, how can i remove the fade in animation for the header area, there is a default fade on this header template, and want to get rid of, or change the fade in animation speed,

2

Hi @eden73

Could you please share your store url and password? I will help to check it.

3

i sent u a pm

4

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/component-header-05.css

EBOOST_0-1673260387598.png
EBOOST_0-1673260387598.png1883×785 313 KB

  1. Go to line 48 to update time or add code below to bottom of file to remove animation
.header-05.enable_parallax.loading-css,
.template-index #shopify-section-header-05 .header-05.enable_parallax.loading-css {
	animation: none!important;
    opacity: 1!important;
}
5

The code to remove the animation doesnt work

6

also how do i make it appear quicker, the entire top header takes a full second for it to appear when loading the page