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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the mobile site */
/* Make Infobox Full Width on Mobile */
@media screen and (max-width: 600px) {
    .infobox-container {
        width: 100%;  /* Full width */
        max-width: 100%;
        float: none;  /* No float on mobile */
        margin: 0 auto;
        clear: both;
    }

    .infobox-table {
        font-size: 14px;
    }

    .infobox-image img {
        max-width: 100%;
        height: auto;
    }
}