Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 5: Line 5:
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
     .site-header {
     .site-header {
        padding-bottom: 24px;
         padding: 36px 0;
         padding: 36px 0;
    }
    .site-header .header-widget-area {
        display: none;
     }
     }
     .site-header .title-area {
     .site-header .title-area {
         width: 100%;
         width: 100%;
         max-width: 100%; /* Elimina restricciones de ancho */
         max-width: 100%;
         text-align: center;
         text-align: center;
         margin-bottom: 20px;
         margin-bottom: 20px;
Line 24: Line 28:
         max-width: 250px;
         max-width: 250px;
         height: auto;
         height: auto;
    }
    .site-header .header-widget-area {
        display: none;
     }
     }
     .menu-toggle {
     .menu-toggle {

Revision as of 13:14, 27 January 2026

    figure > a > img {
        width: 100% !important
    }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .site-header {
        padding-bottom: 24px;
        padding: 36px 0;
    }
    .site-header .header-widget-area {
        display: none; 
    }
    .site-header .title-area {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .site-header .site-title a {
        display: inline-block;
        width: 100%;
        min-height: 100px; /* Ajusta este valor según la altura real de tu logo */
        background-size: contain !important; /* Asegura que el logo escale sin recortarse */
        background-position: center !important;
    }
    .site-header .title-area img {
        width: auto;
        max-width: 250px;
        height: auto;
    }
    .menu-toggle {
        width: 100%;
        border: none;
        border-top: 5px solid #eeeeee;
        color: #444;
        font-weight: bold;
        padding: 15px 0;
        text-transform: none;
    }
}