Jump to content

MediaWiki:Common.css: Difference between revisions

From Wimbum Vault
No edit summary
No edit summary
Line 1: Line 1:
/* Style the top-left logo in the sidebar */
/* Logo styling fix for mobile */
#p-logo {
#p-logo {
     background-image: url("https://wimbumvault.org/images/logo.png") !important;
     z-index: 1;
    background-size: contain !important;
     position: relative;
     background-position: center center !important;
     margin-top: 0;
    background-repeat: no-repeat !important;
    height: 100px;
    width: 150px;
     margin-top: 10px;
}
}


#p-logo a {
/* Hide overlapping issues on small screens */
    height: 100%;
@media screen and (max-width: 768px) {
     display: block;
    #p-logo {
        max-width: 100px;
        max-height: 40px;
        overflow: hidden;
        margin-left: 10px;
    }
 
    #p-logo a,
    #p-logo a img {
        max-width: 100%;
        height: auto;
    }
 
    /* Adjust header if needed */
     #mw-panel {
        padding-top: 60px; /* Push menu down */
    }
}
}

Revision as of 09:19, 23 April 2025

/* Logo styling fix for mobile */
#p-logo {
    z-index: 1;
    position: relative;
    margin-top: 0;
}

/* Hide overlapping issues on small screens */
@media screen and (max-width: 768px) {
    #p-logo {
        max-width: 100px;
        max-height: 40px;
        overflow: hidden;
        margin-left: 10px;
    }

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

    /* Adjust header if needed */
    #mw-panel {
        padding-top: 60px; /* Push menu down */
    }
}