Responsive

Viendo 3 entradas - de la 1 a la 3 (de un total de 3)
  • Autor
    Entradas
  • #30785 Karma: 0
    Dani
    Participante

    Buenas tardes Chorris,

    Estoy ajustando el responsive de una web y no se como hacer que una imagen que tengo de fondo sea menos alta en móvil, lo he intentado con «width» y con «height» pero no funciona.
    También quiero hacer lo mismo con un espaciador, que en la web para ordenador lo había añadido con el editor de WordPress y mide 100px, pero para móvil también me gustaría que fuera menos alto.

    Gracias de antemano

    #30790 Karma: 2
    Javier Escobar
    Participante
    10

    Hola daniel

    Se me ocurre lo siguiente, igual alguien tiene mejores ideas

    1. Trabajar con Gutenberg y con Generate blocks.
    2. Creas un contenedor y le añades una foto como background ( no me refiero a que le añadas un widget de fondo, simplemente añades un background eligiendo una foto )
    3. Dentro de ese contenedor, añades otro contenedor y en ese mismo añades un widget que pudiera ser un h1, h2, párrafo, lo que quieras ( en el caso de que necesites que haya algo sobre la foto )
    4. Al tener tu h1, párrafo, etc dentro del contenedor puedes darle a ese contenedor interno el relleno de los pixeles que necesites en tu ordenador.
    5. Te vas a versión móvil, al contenedor donde tienes el h1, el párrafo, etc y ahi modificas el relleno que le has puesto reduciéndolo hasta que te venga bien en móviles.

    La idea principal para mi es trabajar con Generabe blocks y utilizar mucho los contenedores, ya que en versión móvil los contenedores se pueden modificar de forma independiente.

    Espero haya sido de ayuda y me haya explicado bien.
    Me interesa el tema así que si alguien tiene más ideas genial.

    #30791 Karma: 0
    Dani
    Participante

    Ya lo he conseguido hacer 🙂
    Muchas gracias por la respuesta!!

    La manera en la que lo he hecho ha sido dandole una clase css al fondo y en el editor de css le he puesto un margin top negativo y así puedes recortar la caja a la medida que deseas.

    • Esta respuesta fue modificada hace 10 meses, 1 semana por Dani.
    • Esta respuesta fue modificada hace 10 meses, 1 semana por Dani.
Viendo 3 entradas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.