Elements Exceed the mobile screen

Hello Everyone,

I’ve read multiple threads about similar issues but i can’t find the problem on my page.

Every section on my page is perfectly responsive for all devices and all page widths, BUT my last section and my footer. They exceed the mobile display (and their parent section width) and force a horizontal scroll on mobile.

I’ve tried to set everything on “100% width” but that did not fix the issue.

Do you know how to solve this issue in my case?


Here is my site Read-Only:Webflow - BLACKBOX MARKETING

2 Things seem to be causing the issue:

  1. The form submit button: It has 52px padding on both sides. I’ve removed this and just set it to 100% width, and it fixes the issue and looks like this

  2. The footer menu - Set it to wrap and it won’t overflow
    Screenshot 2023-09-18 at 07.33.06