Responsive móviles

Club para webmasters Foros Creación de páginas web Responsive móviles

Viendo 4 entradas - de la 1 a la 4 (de un total de 4)
  • Autor
    Entradas
  • #25461 Karma: 0
    Javier Escobar
    Participante
    2
    ChorriPuntos 383
    Nuevo

    Buenas estoy creando una web con Generate Press y Gutenberg + Generate Blocks.

    Lo que sucede es que en móviles se ve bien pero lo que sucede es que baila el contenido ( a ver si me explico ) resulta que el ancho no parece estar bien definido y si intento arrastrar la web a derecha o a izquierda sobrepasa los márgenes.

    He revisado y parece que no haya ningún texto ni foto que sobrepase los límites. ¿Hay alguna manera de hacer que mantener el ancho fijo en móviles?

    Lo que si que he hecho es meter este css en css adicionales de generate pero no creo que sea el problema

    @media (max-width: 768px) {
    .reverse-mobile {
    flex-direction: column-reverse;
    }
    }

    Espero se entienda mi pregunta y muchas Gracias

    #25469 Karma: 0
    orioricm
    Participante
    4
    ChorriPuntos 541
    Nuevo

    Hola,

    Creo que te refieres a lo que llaman «scroll horizontal» que en Generate viene de serie. Y es un problema.

    Prueba con esto en el CSS:

    html, body {
    max-width: 100%;
    overflow-x: hidden;
    }

    #25477 Karma: 0
    Javier Escobar
    Participante
    2
    ChorriPuntos 383
    Nuevo

    Hola Orioricm

    he puesto la clase y ahora va perfecto!!

    Muchas gracias !!

    #25509 Karma: 0
    David Cuesta
    Superadministrador
    161
    ChorriPuntos 8.695
    Curso SEO
    ChorriCuesta

    A ver cuándo arreglan eso del generatepress, es lo único malo que tiene, que los bloques de fondo fallan y hay que añadir ese pequeño código…
    Con este llega:
    body {overflow-x:hidden}

    También lo arreglan con generateblocks, pero entiendo que muchas veces no hace falta.

    Un saludo!

Viendo 4 entradas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.