Avisos
Vaciar todo

ver 1 sola columna en versión móvil

2 Respuestas
2 Usuarios
0 Reactions
290 Visitas
Respuestas: 412
Reputable Member
Topic starter
 

la versión móvil de mi web se ve a 2 columnas y quiero que se vea a una sola

he visto aqui en el foro este código pero a mi no me funciona

@media (max-width:420px){
body.woocommerce .has-one-sidebar ul.products li.product{
width:100%!important;
}
}

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 06/08/2018 8:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con el siguiente código CSS

@media (max-width:480px){
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product{
		width:100%!important;
	}	
}

Para agregar el código revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

PD. El código a usar depende muchas veces de la estructura HTML que genera tu theme.

Saludos.


 
Respondido : 06/08/2018 10:05 pm