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.

[afbeelding] 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

Ondersteuning

pmusaraj (Penar Musaraj) 17 november 2025 om 17:17 2

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

Topic		Antwoorden	Weergaven
Adjust Login Screen Size Support	1	316	23 april 2021
Nav wrapping in small window with long translations of "login" Feature	11	1743	7 augustus 2015
Formatting text on home page for logged out users Development	3	463	16 mei 2023
Login / Signup modal alignment issue UX completed	6	359	20 november 2023
Do auto margins still need to be unset on mobile? UX	7	169	11 februari 2025

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

Gerelateerde topics