Jump to content

MediaWiki:Common.css: Difference between revisions

From Wimbum Vault
No edit summary
No edit summary
Line 1: Line 1:
/* Logo styling fix for mobile */
/* GENERAL LOGO FIX */
#p-logo {
#p-logo {
     z-index: 1;
     z-index: 1;
Line 6: Line 6:
}
}


/* Hide overlapping issues on small screens */
/* Logo behavior on mobile */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     #p-logo {
     #p-logo {
         max-width: 100px;
         max-width: 120px;
         max-height: 40px;
         max-height: 50px;
         overflow: hidden;
         margin: 0 auto;
         margin-left: 10px;
        padding: 10px 0;
        display: block;
         text-align: center;
     }
     }


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


     /* Adjust header if needed */
    /* Hide tagline on mobile */
    .mw-wiki-logo-tagline {
        display: none;
    }
 
     /* Adjust menu so it doesn't overlap */
     #mw-panel {
     #mw-panel {
         padding-top: 60px; /* Push menu down */
         padding-top: 60px;
     }
     }
}
/* Make logo clickable back to homepage */
#p-logo a {
    display: block;
    width: 100%;
    height: 100%;
}
}

Revision as of 09:27, 23 April 2025

/* GENERAL LOGO FIX */
#p-logo {
    z-index: 1;
    position: relative;
    margin-top: 0;
}

/* Logo behavior on mobile */
@media screen and (max-width: 768px) {
    #p-logo {
        max-width: 120px;
        max-height: 50px;
        margin: 0 auto;
        padding: 10px 0;
        display: block;
        text-align: center;
    }

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

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

    /* Adjust menu so it doesn't overlap */
    #mw-panel {
        padding-top: 60px;
    }
}

/* Make logo clickable back to homepage */
#p-logo a {
    display: block;
    width: 100%;
    height: 100%;
}