Jump to content

MediaWiki:Common.css: Difference between revisions

From Wimbum Vault
No edit summary
No edit summary
Line 1: Line 1:
/* GENERAL LOGO FIX */
/* Fix logo position and visibility for mobile */
#p-logo {
    z-index: 1;
    position: relative;
    margin-top: 0;
}
 
/* Logo behavior on mobile */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     #p-logo {
     #p-logo {
         max-width: 120px;
         max-width: 120px;
         max-height: 50px;
         height: auto;
         margin: 0 auto;
         margin: 0 auto;
         padding: 10px 0;
         padding: 10px 0;
         display: block;
         display: block;
         text-align: center;
         background: none;
     }
     }


Line 25: Line 18:
     }
     }


     /* Hide tagline on mobile */
     /* Hide tagline on small screens */
     .mw-wiki-logo-tagline {
     .mw-wiki-logo-tagline {
         display: none;
         display: none;
     }
     }


     /* Adjust menu so it doesn't overlap */
     /* Push content below logo */
     #mw-panel {
     #mw-panel {
         padding-top: 60px;
         padding-top: 100px;
     }
     }
}
/* Make logo clickable back to homepage */
#p-logo a {
    display: block;
    width: 100%;
    height: 100%;
}
}

Revision as of 09:42, 23 April 2025

/* Fix logo position and visibility for mobile */
@media screen and (max-width: 768px) {
    #p-logo {
        max-width: 120px;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        display: block;
        background: none;
    }

    #p-logo a,
    #p-logo a img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    /* Hide tagline on small screens */
    .mw-wiki-logo-tagline {
        display: none;
    }

    /* Push content below logo */
    #mw-panel {
        padding-top: 100px;
    }
}