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.

@media screen and (max-width: 768px) {
    #toc, .mw-parser-output .toc, .vector-toc, .vector-body .vector-toc {
        font-size: 12px !important; /* Adjust as needed */
        line-height: 1.2em !important;
    }

    /* Adjust TOC section headers */
    #toc h2, .vector-toc h2 {
        font-size: 14px !important;
    }

    /* Adjust TOC list items */
    #toc ul li, .vector-toc ul li {
        font-size: 12px !important;
    }

    /* Ensure MobileFrontend extension applies the correct font size */
    .mw-body-content #toc, .mf-section-0 #toc {
        font-size: 12px !important;
    }
}