Jump to content

MediaWiki:Mobile.css: Difference between revisions

From Wyld West Wiki
Created page with "@media screen and (max-width: 768px) { #toc, .mw-parser-output .toc, .vector-toc { font-size: 10px !important; Adjust size as needed: } Adjust TOC section headers: #toc h2, .vector-toc h2 { font-size: 12px !important; } Adjust TOC list items: #toc ul li, .vector-toc ul li { font-size: 10px !important; } }"
 
No edit summary
Line 1: Line 1:
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     #toc, .mw-parser-output .toc, .vector-toc {
     #toc, .mw-parser-output .toc, .vector-toc, .vector-body .vector-toc {
         font-size: 10px !important; /* Adjust size as needed */
         font-size: 12px !important; /* Adjust as needed */
        line-height: 1.2em !important;
     }
     }


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


     /* Adjust TOC list items */
     /* Adjust TOC list items */
     #toc ul li, .vector-toc ul li {
     #toc ul li, .vector-toc ul li {
         font-size: 10px !important;
         font-size: 12px !important;
    }
 
    /* Ensure MobileFrontend extension applies the correct font size */
    .mw-body-content #toc, .mf-section-0 #toc {
        font-size: 12px !important;
     }
     }
}
}

Revision as of 21:23, 5 March 2025

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