Sitewide sticky footer

Dear Support Team,

How can I make the footer sitewide sticky? My site is: www.janzaal.nl./simad

Thanks in advance,
Jan

Hello Jan,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#sidebar-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman,

Works perfect.

Kind regards,
Jan

Hi Roman,

Now the site is sticky I have to adjust the height and font size, because some text is covered by the footer on the home page. How can I make the footer half the height and the font size 10px?

The site is: www.janzaal.nl/simad

Thanks in advance and have a nnice weekend.

Best regards,
Jan

Hello Jan,

You can try to add this CSS code:

#sidebar-footer .widget {
    margin-top: 0;
    font-size: 10px;
    margin-bottom: 5px;
}

Kind Regards, Roman.

Hi Roman,

Thank YOU ! Perfect, exactly what I want.

Kind regards, Jan

Great, you are welcome Jan! And have a nice day :slight_smile:

Kind Regards, Roman.