The mobile login for my site is left-aligned instead of centered. I tried to manually adjust the margins but this affected the main page as well. I was testing it in the inspector and found that 640px is the cutoff. At 639px <html lang="en" class="text-size-normal anon touch discourse-touch deskto…

I think there is a CSS rule here that limits the width of #main-outlet. I suspect it’s in your custom theme. When I use Horizon (this is based on Horizon, yes?), I don’t see the same issue.

[תמונה] Jack_McCarthy: I tried to manually adjust the margins but this affected the main page as well. Can you share how you did this? And maybe include a screenshot of the view that isn’t working as expected? Thanks!

Here are some screenshots of the page in question. (I blanked out the actual login UI because it’s a private site) [image] [image] I don’t remember the specifics of what I did to try and fix this before because it was last week but I believe I just added a left margin to which is the white bo…

Ahhh you’re right! I am using Horizon, sorry I forgot to mention that. I was limiting the main-outlet width to make room to nudge the sidebar over so it wasn’t hugging the edge of the screen. I reverted those changes so now the login screen takes up 100% of the screen like it’s supposed to. Sideba…

Login screen isn't centered on screens smaller than 640px

תמיכה

pmusaraj (Penar Musaraj) 17 בנובמבר,‏ 2025,‏ 5:17pm 2

Can you share how you did this? And maybe include a screenshot of the view that isn’t working as expected? Thanks!

נושא		תגובות	צפיות
Adjust Login Screen Size Support	1	319	23 באפריל,‏ 2021
Nav wrapping in small window with long translations of "login" Feature	11	1746	7 באוגוסט,‏ 2015
Formatting text on home page for logged out users Development	3	467	16 במאי,‏ 2023
Login / Signup modal alignment issue UX completed	6	364	20 בנובמבר,‏ 2023
Do auto margins still need to be unset on mobile? UX	7	178	11 בפברואר,‏ 2025

Login screen isn't centered on screens smaller than 640px

נושאים קשורים