On 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. [image] 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 [image] Summat gone wrong with the width on mobile Site Feedback [Screenshot_20220508_192728_com.android.chrome] Reading time: 2 mins 🕑 Likes: 59 ❤ You can see from the post times, that this started happening approximately 12 hours ago, so 20:30 (CEST) 08-05-2022.

I think that is because the advertisement is not fit to mobile width. Can you try to disable the Easy responsive footer 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. :thinking: 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 .wrap { margin-left: unset; margin-right: unset; }

Hello, It seems to this cause by this Easy Responsive Footer The component has a css line #main-outlet which cause this. common/common.scss 6e2eee676 // sticky footer #main > div:first-child { display: flex; flex-direction: column; min-height: 100vh; } #main-outlet { flex: 1 0 auto; max-width: calc(100% - 20px); width: $large-width; } @media screen and (max-width: $large-width) { .custom-footer { .first-box { max-width: 100%; border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.05); margin-bottom: 1em; padding-bottom: 1em; There is an other report about this issue on the theme component topic. [image] Easy Responsive Footer Theme component 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%; } [Screenshot 2022-05-09 at 10.49.53]

I updated the post above. I forget to overwrite the max-width. @ma0sm , @AquaL1te

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 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 :slight_smile:

You would add a new theme component with the extra snippet of code in. :+1: 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

Thank you! That seems to have done the trick! :grin:

It looks good! Thank you so much for your fast help! [7295b164b20a377a265b16e81812bb894b2c89b5] 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?

Thank you, that seems to have sorted it!

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

Product Support

awesomerobot (Kris) May 11, 2022, 4:32pm 12

I’ve added a fix to the easy footer

https://github.com/discourse/Discourse-easy-footer/commit/861084814909b6796574c9d09fd6ea0c4b0d949e

Topic		Replies	Views
Broken width responsive mobile UX completed	8	721	August 14, 2023
Easy Responsive Footer Theme component official , easy-responsive-footer	109	41456	November 18, 2025
Easy responsive footer is visible in chat Product Support easy-responsive-footer	1	98	February 18, 2025
The mobile wrapping of my forum breaks frame Product Support	2	477	July 21, 2022
Footer text moves around Product Support	1	649	August 12, 2020

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

Related topics