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.

/* All CSS here will be loaded for users of the mobile site */

@media only screen and (max-width: 768px) {
    /* Hide desktop content, show mobile content */
    .content-desktop {
        display: none !important;
    }
    
    .content-mobile {
        display: block !important;
    }
    
    /* Additional mobile-specific adjustments */
    .content-mobile table {
        width: 100%;
    }
    
    .content-mobile th,
    .content-mobile td {
        padding: 0.5em;
    }
    
    /* Make sure tables on mobile are properly sized */
    .content-mobile th {
        width: 100% !important;
    }
    
    /* Adjust font sizes for better mobile readability */
    .content-mobile {
        font-size: 0.95em;
    }
    
    /* Ensure proper spacing on mobile */
    .content-mobile div {
        margin: 1em auto;
    }
}

.infobox {
    position: relative !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
}