[Resolved] Sticky footer links not active/working/clickable until I scroll

[Linda]

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%;
}

[Fernando]

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;
            }

[Linda]

Oh my gosh, you are amazing! Thank you!!!!

[Fernando]

You’re welcome, Linda!

[Author]

Posts