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;
}

/* Enlarge site title "Neoplasm" next to logo – larger version */
.mw-header .mw-wiki-title,
.vector-header .mw-wiki-title,
.header .mw-wiki-title a,
.mw-logo-wordmark,
#p-logo a span,
#mw-header-container a {
    font-size: 2.4em !important;   /* Adjust slightly: try 2.3em or 2.5em if needed */
    font-weight: bold !important;
    color: #002366 !important;     /* Dark blue to match your theme */
    line-height: 1 !important;
    margin-left: 0.6rem !important; /* Spacing from logo */
    display: block !important;
}

/* Ensure header aligns logo and title properly */
.mw-header,
.vector-header,
.header-container {
    display: flex !important;
    align-items: center !important;
    padding: 0.8rem 0 !important;
}