### Author:  [@ma0sm](https://meta.discourse.org/u/ma0sm)
#### Post date: [May 9, 2022, 6:31am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/1 "2022-05-09T06:31:32Z")
On [https://community.drownedinsound.com/](https://community.drownedinsound.com/), in the last few hours, something has happened to the site where wrapping is no longer applied, alongside other strange UI behaviour. This is only happening on mobile view.
There are a couple of threads there with people complaining about the same behaviour, so this isn’t something specific to my user:
[https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342](https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342)
> **[Summat gone wrong with the width on mobile](https://community.drownedinsound.com/t/summat-gone-wrong-with-the-width-on-mobile/66344)**
>
> \[Screenshot\_20220508\_192728\_com.android.chrome\]
You can see from the post times, that this started happening approximately 12 hours ago, so 20:30 (CEST) 08-05-2022.
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [May 9, 2022, 7:38am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/2 "2022-05-09T07:38:05Z")
Hello,
It seems to this cause by this [Easy Responsive Footer](https://meta.discourse.org/t/easy-responsive-footer/95818)
The component has a css line `#main-outlet` which cause this.
>
There is an other report about this issue on the theme component topic.
> [@Easy Responsive Footer](https://meta.discourse.org/t/easy-responsive-footer/95818/162):
>
> 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/](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.
```css
#main-outlet {
width: 100%;
max-width: 100%;
}
```
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [May 9, 2022, 8:52am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/3 "2022-05-09T08:52:14Z")
I updated the post above. I forget to overwrite the max-width. @ma0sm , @AquaL1te
---
### Author:  [@dis\_whiterussian](https://meta.discourse.org/u/dis_whiterussian)
#### Post date: [May 9, 2022, 10:41am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/4 "2022-05-09T10:41:46Z")
Hi! Thanks for this. However, when I try to apply the quick fix in the admin settings I’m getting this message:
> Editing of remote themes is disabled in Discourse. Please [contact us](mailto:team@discourse.org) if you need assistance transitioning customized remote themes to a local theme.
So it looks like we’ll need some help from you folks with this one 🙂
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [May 9, 2022, 11:05am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/5 "2022-05-09T11:05:09Z")
You would add a new theme component with the extra snippet of code in. 👍
- Go to `/admin/customize/themes`
- Click on **install** and then **create new**
- Give it a name, and select ‘component’.
- **Create**
- Add it to your theme
- Click on the **Edit CSS/HTML** button and paste the code into the **CSS** field in the **Mobile** tab
- And **save**
---
### Author:  [@dis\_whiterussian](https://meta.discourse.org/u/dis_whiterussian)
#### Post date: [May 9, 2022, 11:19am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/6 "2022-05-09T11:19:37Z")
Thank you! That seems to have done the trick! 😁
---
### Author:  [@ma0sm](https://meta.discourse.org/u/ma0sm)
#### Post date: [May 9, 2022, 11:29am UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/7 "2022-05-09T11:29:51Z")
It looks good! Thank you so much for your fast help!
but there is more padding than there was before, I think. Is this something that will be resolved when the full fix is in place?
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [May 9, 2022, 12:04pm UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/8 "2022-05-09T12:04:27Z")
I think that is because the advertisement is not fit to mobile width. Can you try to disable the [Easy responsive footer](https://meta.discourse.org/t/easy-responsive-footer/95818) and the other component you created with the snippet i posted before. Just for checking the padding issue is from the adverts or other?
I think I found a possible solution for this. 🤔
Could you add this to the same new component what you create before to check how it works? Just paste it below the previous snippet @dis_whiterussian
```css
.wrap {
margin-left: unset;
margin-right: unset;
}
```
---
### Author:  [@dis\_whiterussian](https://meta.discourse.org/u/dis_whiterussian)
#### Post date: [May 9, 2022, 3:16pm UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/9 "2022-05-09T15:16:02Z")
Thank you, that seems to have sorted it!
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 11, 2022, 4:32pm UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/12 "2022-05-11T16:32:27Z")
I’ve added a fix to the easy footer
[https://github.com/discourse/Discourse-easy-footer/commit/861084814909b6796574c9d09fd6ea0c4b0d949e](https://github.com/discourse/Discourse-easy-footer/commit/861084814909b6796574c9d09fd6ea0c4b0d949e)
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [June 10, 2022, 4:32pm UTC](https://meta.discourse.org/t/text-wrapping-broken-on-mobile-view-due-to-the-easy-footer-theme-component/226500/13 "2022-06-10T16:32:44Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.