Broken width responsive mobile

AI-generated summary

The user thaidb reports a broken mobile UI width issue in their Discourse site, even after disabling theme components and plugins. Lhc_fl suggests checking Safe Mode, while Don identifies the issue as being in desktop view mode, which can be switched via a toggle. Don further notes that long category names are causing an overflow issue, which Falco suspects may be a regression from a recent refactor. jordan.vidrine confirms the regression and states the issue is fixed in a recent PR here.

My Discourse is broken width mobile UI, i disable all theme component and plugin but not effect.
How can i test and fix ít?
Have way comback all setting in Dashboard?
Thank you,

1 Like

It does look like something is wrong with the theme component. Have you tried Safe Mode (/safe-mode)?

ok looks like what Don said is right, you probably have desktop mode enabled and this component is not well adapted

Hello, This looks like you are on desktop view.

You can switch to mobile view here

3 Likes

THANK @DON
And i have try /Safe-Mode
But unstill a little error

Thank you,

1 Like

Yeah, I see, you have some long category names which cause this overflow issue…

4 Likes

Thank you very much!

1 Like

Should we wrap this element ? Maybe a regression from the recent refactor here ? @jordan.vidrine

3 Likes

Yep, looks like some regression took place. I’ll take a look.

3 Likes

This should be fixed with this latest PR → FIX: Adjust badge overflow ellipsis by jordanvidrine · Pull Request #23086 · discourse/discourse · GitHub

4 Likes

This topic was automatically closed after 3 days. New replies are no longer allowed.