MediaWiki:Mobile.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.

/* Left-align the "Update" banner and any similar top notices on mobile */
.mw-notification, 
.sitenotice, 
.mw-content-ltr .postedit-container,
div[style*="text-align:center"],
div[style*="text-align: center"] {
    text-align: left !important;
}

/* Specifically target your custom banner if you used one */
div[style*="background:#f0f8ff"],
div[style*="background:#fff3cd"],
div[style*="background:#e6f9e6"] {
    text-align: left !important;
}

/* Optional: Add some left padding for better readability */
.mw-notification,
.sitenotice,
div[style*="padding:1em"] {
    padding-left: 1em !important;
    padding-right: 1em !important;
}