MediaWiki:Common.css: Difference between revisions

/* ===== Final Fix: Make logo touch the top in Vector 2022 ===== */

/* Remove all padding and margins in header */
.vector-header,
.vector-header-container,
.vector-sticky-header,
.vector-header-start,
.vector-header-logo,
.mw-logo-icon {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Remove site title text */
.vector-header .vector-header-start .mw-logo-wordmark,
.vector-header .vector-header-start .vector-header-wiki-name {
    display: none !important;
}

/* Make logo touch the top and center it */
.vector-header-logo, .mw-logo-icon {
    width: 120px !important;  /* Adjust width as needed */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;  /* KEY: align logo to the top */
    display: flex !important;
    align-items: flex-start !important;  /* KEY: stick to top */
    justify-content: center !important;
}

/* Ensure logo container aligns logo to top */
.vector-header-start {
    display: flex !important;
    align-items: flex-start !important;  /* KEY: stick to top */
    justify-content: center !important;
}