|
|
| (68 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| figure > a > img {
| | @media only screen and (max-width: 768px), only screen and (max-device-width: 768px) { |
| width: 100% !important
| | |
| } | | } |
|
| |
| /* 1. Contenedor principal */
| |
| .site-header .wrap {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| padding: 30px 0 10px; /* Más espacio arriba para que respire el logo */
| |
| }
| |
|
| |
| /* 2. Área del título/logo */
| |
| .site-header .title-area {
| |
| width: 100%;
| |
| max-width: 100%; /* Elimina restricciones de ancho */
| |
| text-align: center;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| /* 3. Forzar el tamaño de la imagen del logo */
| |
| .site-header .site-title a {
| |
| display: inline-block;
| |
| width: 100%;
| |
| min-height: 80px; /* 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;
| |
| }
| |
|
| |
| /* Si el logo es una etiqueta <img> física en lugar de un background-image: */
| |
| .site-header .title-area img {
| |
| width: auto;
| |
| max-width: 250px; /* Ajusta este número al tamaño que desees (ej. 300px) */
| |
| height: auto;
| |
| }
| |
|
| |
| /* 3. Ocultar o ajustar el texto azul (opcional) */
| |
| /* En la segunda imagen el texto azul no aparece o es muy discreto.
| |
| Si quieres ocultarlo como en la imagen 2, usa: */
| |
| .site-header .header-widget-area {
| |
| display: none;
| |
| }
| |
|
| |
| /* 4. Estilo del botón para que coincida con la imagen 2 */
| |
| .menu-toggle {
| |
| width: 100%;
| |
| border: none;
| |
| border-top: 1px solid #eeeeee;
| |
| background-color: #f9f9f9; /* Un gris muy ligero para diferenciarlo */
| |
| color: #444;
| |
| font-weight: bold;
| |
| padding: 15px 0;
| |
| text-transform: none; /* Por si el tema lo pone en mayúsculas */
| |
| }
| |
Latest revision as of 01:56, 18 February 2026
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
}
