Once we have more site templates, the installer theme shows like this. On wide screens this pushes up the header and it mushes into the branding at the top.
Most breakpoints the spacing is really nice:
Wide breakpoint the headers mush tohether (also note the language picker assumes a less wide size than the matrix does, which looks odd too):
| Comment | File | Size | Author |
|---|---|---|---|
| #13 | Screenshot 2026-03-13 at 10.23.00.png | 281.64 KB | gábor hojtsy |
| #2 | Screenshot 2026-03-11 at 12.40.34.png | 1.75 MB | gábor hojtsy |
| #2 | Screenshot 2026-03-11 at 12.40.20.png | 1.61 MB | gábor hojtsy |
| Screen Recording 2026-03-11 at 12.32.07.mov | 42.67 MB | gábor hojtsy |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #2
gábor hojtsyI tried proposing a solution but can't quite figure this out unfourtunately. It looks like it is because
cms-installer__headerdoes not have amargin-block-endand also the3remtop padding of.cms-installer__mainoverlaps with the header.Comment #3
gábor hojtsyComment #6
pameeela commentedThe language picker placement is based on the other screens in the installer having the wallpaper at those sizes. On the smaller sizes, you can see the wallpaper shows below. So we don't want to change this, it would create a situation where the picker is jumping around in the based on which step you are on.
Pushed a fix for the layout spacing, please give it a test!
Comment #10
phenaproximaMerged 2.x and cherry-picked to 2.0.x and 2.1.x.
Comment #13
gábor hojtsyNicely solved it for this page, thanks! It did change how other pages look though, eg. the site name screen looked different before, the form was lower on the screen:
I think the tradeoff is still better, just noting that there are other pages affected.