Footer size not responsive on mobile

Hey! Would it be possible for you to post a link to your site so I can see what it is displaying like?

Thanks!

Sorry about that! Here’s my site URL: https://assessmentclinic.uic.edu

I’m having difficulty figuring this out, so we’ll have to wait for some other support people to help us out.

I’m not sure i’m following.. What space are you referring too?

Kadence Themes

Maybe your thinking something like this css:

@media (max-width: 767px){
    .footerclass .widget, .footerclass .widget-first {
    margin: 0;
}
.footercredits p {
    padding: 0;
    margin: 0;
}
.footernav ul li a {
    line-height: 10px;
}
#containerfooter.footerclass {
    min-height: auto;
}
}

Let me know.

Hello !!

Please find below how the site is showing up on my mobile:

Mobile Site Screenshot

There’s an extra space below the footer image. If I change the Footer Image to Cover, the image is not being displayed completely, and is getting cropped in the top, which I don’t want to happen.

Hey,
Take a look here for how background images work: https://www.kadencethemes.com/background-image-sizing/

You can’t determin height by an background image..

Right now you have css that is forcing the footer to be 250px tall.

#containerfooter.footerclass {
    min-height: 250px;
}

That is taller then what you need no mobile. In kevin’s css there is a change to make that auto instead of a set height. Have you tried adding that css?

Kadence Themes