Archived topic
Sticky footer links not active/working/clickable until I scroll
3 replies · Started by Linda on November 22, 2022
Viewing posts 1–4 of 4
I added a sticky footer and it's working fine, but the links aren't active until I scroll just a tiny bit. I assume it's overlapping containers or something, but I am stuck and would appreciate any ideas you folks might have. Link to dev site in private info. Thanks! Linda
css to stick:
.my-sticky-footer {
position: fixed;
bottom: 0;
left:0;
background-color:white;
width:100%;
}
Hi Linda,
You're correct, it's being covered by another Block which is why it's not clickable.
Try adding a z-index rule in your CSS code to address this.
Example:
.my-sticky-footer {
position: fixed;
bottom: 0;
left: 0;
background-color: white;
width: 100%;
z-index: 9999;
}Oh my gosh, you are amazing! Thank you!!!!
You're welcome, Linda!
This archived topic is closed to new replies.
