Hi there Unbouncers,
I am building a lite version of my company website using Unbounce. With it not being a campaign page, it requires header and footer components with various links to aid navigation.
I’ve been trying, unsuccessfully, to achieve a footer reveal/slide-out on-scroll effect similar to this:
https://codepen.io/rileyjshaw/pen/kxMoRW
I’m applying custom css to the footer and pre-footer sections on a stylesheet:
<style>
/* Pre-footer section */
#lp-pom-block-156 {
position: relative;
z-index: 1;
}
/* Footer section */
#lp-pom-box-602 {
position: sticky;
bottom: 0;
z-index: 0;
}
</style>
I am struggling to get the footer section with its various logos and links to sit under the section blocks and their backgrounds. Is it even possible to set the z-index for a section block?
Has anyone had any success with this type of effect on Unbounce pages? Any help would be greatly appreciated!!
