• Hola a todos.
    No encuentro la formula para reducir la altura del header en la versión móvil, para que se ajuste al tamaño del logo.
    Uso el tema Bridge (hijo) y tengo habilitada la opción sticky mobile header.

    ¿Alguna sugerencia?

    Muchas gracias.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Hola, @quintaesfera:

    Para ajustar la altura de la cabecera en la versión móvil, intenta añadir esta regla CSS en el apartado de CSS adicional, que consigues en escritorio de WordPress > Apariencia > Personalizar (si tienes más reglas allí, pégala al final de las demás):

    @media only screen and (max-width: 1000px)
    .content {
        margin-top: 0 !important;
    }
    Iniciador del debate quintaesfera

    (@quintaesfera)

    Hola @yordansoares

    Gracias por la respuesta, tras insertar el CSS, veo que no funciona.

    ¿Es probable que haya alguna configuración que entre en conflicto?

    Saludos

    Hola, @quintaesfera:

    Intenta reemplazando la regla anterior con esta:

    @media only screen and (max-width: 1000px) {
        .content {
            margin-top: 0 !important;
        }
    }
    Iniciador del debate quintaesfera

    (@quintaesfera)

    Gracias de nuevo, vaya! tampoco funciona… 🙁

    ¿Quizás estabas viendo una versión de la web almacenada en caché?

    Lo pregunto porque acabo de entrar y creo que ya se está aplicando la regla de CSS que te compartí arriba.

    Iniciador del debate quintaesfera

    (@quintaesfera)

    Tenia actualizada esta web, y copie el nuevo CSS

    Vi la diferencia con respecto a tu primer CSS, algo debo hacer mal que no lo consigo.

    ¿Viste la web de nuevo? Porque, si no me equivoco, ya está mostrándose como querías, ¿no?

    Si sigues viendo la altura de forma incorrecta, intenta presionar Ctrl + Mayús + R en el navegador o abre una instancia en modo incógnito (Ctrl + Mayús + N).

    Iniciador del debate quintaesfera

    (@quintaesfera)

    en la versión escritorio no he notado cambios, tras limpiar caché

    es en la versión para móviles la que necesito cambiar, donde aparece logo y menú

    Iniciador del debate quintaesfera

    (@quintaesfera)

    Hola de nuevo, finalmente no conseguí cambiar la altura del menú sticky de la versión móvil. En esta ocasión creo que es alguna configuración de QODE OPTIONS (uso el tema Bridge) que está por encima del CSS.

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘Cambiar altura header en moviles’ está cerrado a nuevas respuestas.