Avisos
Vaciar todo
Hola, alguien me puede ayudar con este detalle por favor.
En el sitio www.zoeandlu.com en la página de Catálogo www.zoeandlu.com/catalogo
Tengo un problema que no sé cómo arreglarlo.
En escritorio se ve todo bien: 4 columnas
En celular como Android se ve bien: 2 columnas
En iphone si tienen activada la función de tamaño de pantalla Estándar se ven 3 columnas, pero si está en la versión aumentada se ven 2 columnas... Quiero que siempre se vean 2 columnas en el celular, sea cual sea el modelo...
Anexo imagen de un iphone en donde la pantalla está como tamaño estándar.
Contenido solo visible a usuarios registrados
Respondido : 12/10/2021 11:57 pm
Que tal Francisco,
Vamos a modificar un poco el CSS de la sección con el siguiente código, el cual puedes agregarlo en la opcion de Custom CSS de tu tema o bien desde las opciones Apariencia-> Personalizar-> CSS Adicional
@media (max-width: 425px){
.ngg-gallery-thumbnail-box.ngg-3-columns, .ngg-gallery-thumbnail-box.ngg-4-columns, .ngg-gallery-thumbnail-box.ngg-5-columns, .ngg-gallery-thumbnail-box.ngg-6-columns, .ngg-gallery-thumbnail-box.ngg-7-columns, .ngg-gallery-thumbnail-box.ngg-8-columns, .ngg-gallery-thumbnail-box.ngg-9-columns, .ngg-gallery-thumbnail-box.ngg-10-columns, .ngg-gallery-thumbnail-box.ngg-11-columns, .ngg-gallery-thumbnail-box.ngg-12-columns, .ngg-gallery-thumbnail-box.ngg-13-columns, .ngg-gallery-thumbnail-box.ngg-14-columns, .ngg-gallery-thumbnail-box.ngg-15-columns, .ngg-gallery-thumbnail-box.ngg-16-columns, .ngg-gallery-thumbnail-box.ngg-17-columns, .ngg-gallery-thumbnail-box.ngg-18-columns, .ngg-gallery-thumbnail-box.ngg-19-columns, .ngg-gallery-thumbnail-box.ngg-29-columns {
width: 50%;
}}
Saludos!
Respondido : 13/10/2021 1:10 am
Francisco me gusta
@bruno-vichetti super bien, quedó de maravilla. Mil gracias. Saludos. 🙂
Respondido : 13/10/2021 10:12 pm
Que tal Francisco,
He visto el resultado y ha quedado genial!, recuerda que cualquier otra consulta estaremos atentos.
Saludos!
Respondido : 13/10/2021 10:17 pm
