Page Header Animation - Forum | JoomShaper
Staff replied Helix Framework

Page Header Animation

Asked by Lele 5 years ago Last activity 5 years ago

Hello, on this page https://www.sdf-sa.ch/cms/test it's possible (on scrolling) that the header image scroll smoothly with the page?

At the moment, as you scroll, the animation (on Helix Ultimate/Layout Builder/Title position ) moves to fast.

Thank's a lot, Lele

3 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi there!

Do you want to be smooth the header movement?

You can use the following code in your custom CSS:

#sp-header.header-sticky {
    animation: fadeInDown 1s;
}

Hope this will give you the desire result.

Best Regards

Rashida Rahman Staff
5 years ago

Hi,

Well, got the issue...

Here is the code you can use in your custom CSS:

#sp-header {
    position: absolute;
}
#sp-section-1 {
    padding-top: 80px!important;
}

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Let me know the result...

Best Regards

Log in to reply.