Mobile Footer Overlap Problem

Site URL: https://www.roostup.com/

I was making updates to my site and noticed that on mobile, my footer color comes up and overlaps most of the content on the page. I don't see a way to adjust this, as I can't select it as an element. Any ideas why this might be happening? 

Thank you,

Alex

Did you ever figure this out? Mine is doing the same thing.

On 12/23/2020 at 6:53 AM, mauramanor said:

Did you ever figure this out? Mine is doing the same thing.

 

If you share link to your site, we can help easier

I am having the same problem. My website is www.farmpunksalads.com. I tried this code I found on another forum but it didn't work 

@media screen and (max-width: 640px) {
  .Footer h3 {
    text-align: center !important;
  }
  .Footer p {
    text-align: center !important;
  }
}

On 12/27/2020 at 1:45 PM, quinneddyrichards said:

I am having the same problem. My website is www.farmpunksalads.com. I tried this code I found on another forum but it didn't work 

@media screen and (max-width: 640px) {
  .Footer h3 {
    text-align: center !important;
  }
  .Footer p {
    text-align: center !important;
  }
}

Do you still need help on this?

I found some problems on your site.

1. Some pages have very long content. You can consider adding a back to top button.

2. (Tablet) Some text on homepage overlaps, many problems, You can check. If need to fix, we will give the code

Similar on About page