Text wrapping broken on mobile view due to the Easy Footer theme component

[Don]

Hello,

It seems to this cause by this Easy Responsive Footer
The component has a css line #main-outlet which cause this.

discourse/Discourse-easy-footer/blob/6e2eee67633c09b24dbc3292c2c39251dab31c55/common/common.scss#L109

There is an other report about this issue on the theme component topic.

Easy Responsive Footer

When using this theme component on my phone, the width is not set to the screen width. The width extends, almost to the size of a desktop monitor. Testing can be done here: https://forum.tzm.community/ Make sure to open it on a phone (or use the debug option in your browser, in Firefox you can trigger the bug by using the Galaxy Note 20 Linux profile).

---

You can use this quick fix until it is fixed.
Go to /admin/customize/themes and create a new component.
Click on mobile section css and add the following.

#main-outlet {
  width: 100%;
  max-width: 100%;
}