How can I create a floating main content with a fixed footer and banner?

Ab52
New Member
38 0 0

Hi everyone,

I would like to create an animation, where the first image banner and the footer are in a fixed position and the content of the website floating on top revealing the footer. Can someone help me create this? See attachment: https://cdn.shopify.com/videos/c/o/v/6d672764c7b440e6b1d3dbabbe1a9c78.mov 

Replies 3 (3)

Spac-es
Shopify Partner
361 104 125

Hey, check out this video, it's exactly what you're looking for:

Revealing footer with position: sticky! | Quick CSS-only Tutorial | Keyssentials by @keyframers (you...

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
Ab52
New Member
38 0 0

Can you help me? Where do i put the code?

Spac-es
Shopify Partner
361 104 125

You would need to share the URL of your store with me to find out the names of the classes in your HTML containers.

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!