• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar en una columna las imágenes del bloque de galería en móviles

Descubre en este tutorial cómo conseguir que las imágenes del bloque de galería se muestren en una sola columna en móviles usando CSS.

Si estás usando el bloque de galería de WordPress te habrás dado cuenta de que te permite elegir el número de columnas en las que quieres distribuir las imágenes.

La pega es que estos ajustes son generales y cuando eliges 2 o más columnas puede quedar genial en dispositivos de pantalla grande pero es posible que en dispositivos móviles prefieras que se muestre con solo una columna. De esta forma las imágenes se verán mucho mejor en pantallas pequeñas.

Vamos a ver cómo puedes conseguirlo:

Snippet para mostrar las imágenes de la galería de WordPress en un columna en dispositivos móviles

Añade el siguiente código en el fichero style.css:

Para ver este código y los otros 1805 snippets de esta web,
identifícate o suscríbete aquí.

Ya lo tienes.

Conclusiones

Ahora ya sabes cómo conseguir que las imágenes de la galería de WordPress se muestren en una columna cuando se visualizan desde un dispositivo móvil con un poco de CSS.

Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉

CSS

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?