Sticky Footer

Public Ticket #19157

Conversation thread

dillonwalsh replied

4 years ago

Customer Reply

That was fast service AND perfect fix, thank you so so much!!!

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (min-width: 1170px) {
    body {
        padding-bottom: 186px;
    }
    #footer-section {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

Note the code above displays the footer as sticky on the desktop only.

Regards,
PenciDesign.

dillonwalsh started the conversation

4 years ago

Conversation Start

Hi,

How can I create a sticky footer in Soledad? As you can see on my home page, my sections are sticky to bottom with the z-indexes from high to low so that sections are revealed under other sections on scroll. How can I make the last section reveal the footer?

Thank you.

Want to join this conversation or access attachments? Sign in first.