Footer Padding on Tablet and Smaller

Hi,
On mobile on SOME pages, the top part of the footer area is overlapped by the green band above it, such as on this page: https://www.newmoonstrategy.com/digital-agency-ct-services/responsive-website-design-connecticut/

(this error is not happening on all pages).

This is only happening at 767px and smaller. How can I fix this without messing up the other pages of the website?

Thank you!

Hello Kate,

It looks like you have used some negative margin on your sections.

Please note that using negative margins is not a good practice as that would impact the placement of the elements specially on mobile when usually element’s get stacked.

Please try setting those margins to 0 and see if the issue gets sorted.

Hope this helps.

Hi Jade,
I don’t know how that got there - it must have been a mistake! This helped. Thank you so much!

You’re most welcome, Kate. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.