Avisos
Vaciar todo

ver 1 sola columna en versión móvil  

 
Ricardo
 Ricardo
Reputable Member

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

Citar
Respondido : 06/08/2018 9:05 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 06/08/2018 11:05 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress