Page Header Animation
Lele
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
Rashida Rahman
Accepted AnswerHi 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
Lele
Accepted AnswerHi Rashida, not really.. If you check now you see that as soon you scroll the page the above image (on Helix Ultimate/Layout Builder/Title position) do gap. See those links:
https://www.sdf-sa.ch/cms/portfolio/corba-iii
https://www.sdf-sa.ch/cms/portfolio
It's possible to move the image same as the page?
Thank's a lot, Lele
Rashida Rahman
Accepted AnswerHi,
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.
Let me know the result...
Best Regards