[SirRahikkalaParticipant]

Hey,

My client wants to have it so that footer is stickied to bottom of the browser screen. I tried playing with .x-colophon.bottom but got it only to dissappear.

[Rue NelModerator]

Hello There,

Thanks for writing in!

To make your footer stick to the bottom of the browser screen, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

@media(min-width: 980px){
  footer.x-colophon.bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
  }
}

We would loved to know if this has work for you. Thank you.

[SirRahikkalaParticipant]

Worked perfectly! thanks

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts