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
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.