Entire footer will not stick, just part.

Dazzling
1

Hello! I was wondering if you could tell me how to get the footer on the dazzling page to stay at the bottom? webiste: mphaven.com I downloaded the custom css plug in- and used this code

.site-footer{

position: fixed;
bottom: 0;
left: 0;
right: 0;
}
and it works great! But only for the green portion. Iā€™d like the black and the search part to be included and stay at the bottom. Thank you for your consideration and potential help. :slight_smile:

Sent via Colorlib.com contact form.

2

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*sticky footer*/
 .container.footer-inner{
  position: fixed;
   bottom:50px;
   left: 0;
    right: 0;
   background-color:black;
     width:100% !important;
}

Best Regards,
Support

3

THIS WORKED!!! THANK YOU!!!

The bottom has the text showing up in the green. Any suggestions of how I can removes it?

Website is mphaven.com and code used is:

/sticky footer/

.container.footer-inner{
position: fixed;
bottom:50px;
left: 0;
right: 0;
background-color:black;
width:100% !important;
}

.site-footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
}

4

Hello there,

I am glad the solution worked for you.

Please try using the following CSS to remove the footer text:

.copyright {
    display: none;
}

#colophon {
    background-color: #2d965e;
    height: 50px;
}

Best Regards,
Support

5

You are incredible. I have let this site sit for weeks after downloading plug in after plug in and trying code after code. THANK YOU!!!

6

Hello there,

You are most welcome.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support