Mostrar galeria na versão móvel do Wordpress

  • Autor Autor Alexsevilla
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

Alexsevilla

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Buenos días,
ambas paginas usan el mismo tema de wordpress pero querría que mi pagina:
cascosyauriculares.com mostrase la galería en versión móvil de la misma manera que la pagina ejemplo.

mi pagina:
Tienda online de cascos y auriculares muestra la galería de 3 columnas en dispositivo móvil de 3 en 3 elementos.

Ejemplo:
Tienda online de artículos con calaveras | DECALAVERAS.COM muestra con una misma galería de 3 columnas muestra los elementos de uno en uno en dispositivos móviles.

Gracias y un saludo.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Buenos días,
ambas paginas usan el mismo tema de wordpress pero querría que mi pagina:
cascosyauriculares.com mostrase la galería en versión móvil de la misma manera que la pagina ejemplo.

mi pagina:
Tienda online de cascos y auriculares muestra la galería de 3 columnas en dispositivo móvil de 3 en 3 elementos.

Ejemplo:
Tienda online de artículos con calaveras | DECALAVERAS.COM muestra con una misma galería de 3 columnas muestra los elementos de uno en uno en dispositivos móviles.

Gracias y un saludo.
¡Hola Alexsevilla!

Entiendo que deseas que tu galería se muestre de manera diferente en dispositivos móviles, específicamente mostrando un elemento por fila en lugar de tres. Aquí hay algunas sugerencias para lograrlo:

1. CSS personalizando la galería: Puedes agregar un poco de CSS adicional en tu tema para ajustar la visualización de la galería en dispositivos móviles. Ve a "Apariencia" > "Personalizar" > "CSS adicional" y prueba con algo como esto:

Inserir CODE, HTML ou PHP:
css
   @media (max-width: 768px) {
       .tu-clase-de-galeria {
           display: flex;
           flex-direction: column;
       }
       .tu-clase-de-galeria .elemento-de-galeria {
           flex: 0 0 100%; /* Cada elemento ocupará el 100% */
       }
   }

Asegúrate de reemplazar .tu-clase-de-galeria y .elemento-de-galeria con las clases específicas de tu galería.

2. Plugin para galerías: Si el método anterior no funciona como esperabas, podrías considerar usar un plugin de galería que ofrezca más opciones de configuración. Plugins como "Envira Gallery" o "FooGallery" tienen configuraciones específicas para dispositivos móviles.

3. Revisar la configuración del tema: Algunos temas de WordPress tienen opciones integradas para personalizar la presentación en móviles. Ve a "Apariencia" > "Personalizar" y busca secciones relacionadas con la galería o la visualización en móviles.

4. Compatibilidad con el constructor: Si utilizas un constructor de páginas como Elementor o WPBakery, asegúrate de revisar las configuraciones de la galería específicamente para dispositivos móviles en el editor del constructor.

Espero que alguna de estas opciones te ayude a conseguir el resultado que buscas. Si necesitas más ayuda, ¡no dudes en preguntar!

¡Un saludo!
 
Voltar
Topo