MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Default: Full width */
:root.citizen-feature-custom-width-clientpref-standard,
:root {
	--width-layout: 100vw;
}

/* Override for specific pages using body class */
.page-Main_Page,
.page-Hauptseite {
	--width-layout: 1600px;
}

/* Fix main page layout on mobile - override inline styles */
@media (max-width: 768px) {
	/* Override the min-width: 480px inline style */
	.mw-parser-output > div[style*="min-width: 480px"] {
		min-width: 100% !important;
		width: 100% !important;
		flex-basis: 100% !important;
	}
	
	/* Make parent flex container stack vertically on mobile */
	.mw-parser-output > div[style*="display: flex"] {
		flex-direction: column !important;
	}
}