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

/* Fix text wrapping on mobile - ZachTEW page and similar wiki pages */
.mw-parser-output,
.mw-content-text,
.mw-body-content p,
.mw-body-content li,
.mw-body-content td {
    overflow-wrap: break-word !important;   /* modern standard */
    word-break: break-word !important;      /* fallback for older browsers */
    hyphens: auto;                          /* helps with long words */
}

/* Make the infobox table mobile-friendly */
.mw-infobox,
table.infobox,
table[style*="float"] {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;                    /* forces cells to respect width */
    word-break: break-word !important;
}

.mw-infobox td,
table.infobox td {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* Long links & usernames (the real culprits) */
a[href*="ZachTEW"],
a[href*="AustinNoPowers"],
a[href*="aidscastreloadedarchive"] {
    word-break: break-all;   /* aggressive break only where needed */
}

/* Optional: prevent horizontal scroll entirely on mobile */
@media (max-width: 767px) {
    .mw-body {
        overflow-x: hidden;
    }
    
    /* Make references and long URLs wrap nicely */
    .references li,
    .external {
        word-break: break-word;
    }
}