Header adaptable a la resolución de la pantalla

Inicio Foros WordPress Themes y Diseño Header adaptable a la resolución de la pantalla

Este debate contiene 3 respuestas, tiene 2 mensajes y lo actualizó  josgonbue hace 8 años.

  • Autor
    Publicaciones
  • #19513

    josgonbue
    Participante

    <p>Buenas community,<br />
    estoy intentando hacer adaptable a la resolución de la pantalla la imagen que coloco en el header. He modificado a mano los valores de width y heigh poniéndolos a auto, he estado googleando y no he encontrado solución alguna. ¿Alguien tiene alguna sugerencia?<br />
    Gracias!<br />
    Un saludo.
    </p>

  • #47568

    imported_fliberty
    Participante

    Pues, tendrías que colocar todo el delimitador header fuera del wrapper y aplicar un width al header del 100%.

    por ejemplo tu estructura html puede ir así:

    Porqué fuera del wrapper?, pues porque si header se encuentra dentro del wrapper y a este último le das un width de digamos 1000px, y al header le das el 100%, pues el header sólo ocupará el ancho del wrapper, o sea 1000px; en cambio si el header se encuentra fuera del wrapper, le puedes dar 100% y tomará el ancho de la pantalla y así el wrapper y el resto del contenido tendrá el ancho que prefieras.

    Espero haberme explicado bien.

  • #47570

    josgonbue
    Participante

    Gracias ante todo fliberty,
    pero en header.php no sé por donde cortar, que poner dentro de cada etiqueta. Voy a hacer pruebas a ver que pasa.
    Un saludo.

  • #47645

    josgonbue
    Participante

    Ante todo gracias por vuestro tiempo,
    he estado estudiando la posibilidad de colocar los wrapper fuera del header, y me encontré con que mi header.php hace uso de container, estudié las “diferencias” entre ambos, y jugué con infinidad de opciones en style.css y soy incapaz de hacer adaptable el header a la resolución. Despueś me planteé hacerlo para 1024×768. El problema es que el cuerpo de la página si se ajusa a las resoluciones, entonces piensen lo feo que se vería un cuerpo que si de adapta a las resoluciones y un header que no. Uso el tema palmixio, y a continuación os pego el contenido de header.php por si me podéis echar un cablecito y me podeis recomendar que modificar.
    Gracias ante todo y un saludo a [email protected]

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido