ampliar a 100% css producto en paginas de archivo modo movil

Hola Pedro,

Muchas gracias por ayudarnos a separar los temas. Con respecto a lo que indicas, con respecto al error, agrega esto en tu Apariencias > Personalizar > CSS adicional:

@media only screen and (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 48% !important;
}}

Un saludo 🖐️ 

se rompe la pagina principal, es decir se hacen pequeñas la imágenes de producto

Hola Pedro, 

Estoy verificando el sitio web pero no veo las imagenes rotas que nos comentas, puedes enviarnos algunas capturas? te envio un video sobre lo que vemos

Un Saludo

Hola Pedro,

te comparto un video.

Como puedes ver no podemos encontrar el fallo que comentas que hay.

Saludos

lo he quitado porque pasaba en la pagina principal lo de la pagina de archivos

siento molestar tanto, pero es que no se arregla, 

Hola Pedro, 

Si vas agregando y eliminando no podemos progresar. Agrega ahora este código:

@media only screen and (max-width: 768px) {
body:not(.page-id-2) .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 48% !important;
}}

En el propio código indica que no se aplique al page id 2 que resulta ser tu homepage.

Un saludo 

🙁 se arregla en pagina de marca y etiqueta pero rompe todo lo demás de distintas formas

a lo mejor falta añadir este codigo para moviles

.elementor-element.elementor-wc-products ul.products li.product {
width:100%!important;
height:auto;
}

Hoal Pedro,

Nos compartes URL donde vez que no se ve como quieres? si nos dices todo lo demás, no podemos saber a lo que te refieres. No estamos constantemente trabajando en tu sitio como lo haces tu, indicanos y vemos si es posible hacer los ajustes por css o si ya entraría en una personalización a medida, dado que no te funciona un solo CSS. 

Tendrias que consultar con nuestros colaboradores para que te elaboren toda la rama de CSS necesaria para que no interfiera en todo el sitio.

https://www.webempresa.com/directorio-colaboradores.html

Un saludo 

perdona muy agradecido por vuestra ayuda, todo lo demás me refiero a todas la categorías, si navegas desde el móvil lo puedes ver como se ve mal 

https://www.mercerianinot.es/telas/

https://www.mercerianinot.es/accesorios-maquina-de-coser/

pro ejemplo

Lanas-katia - Mercería Ninot

Hola Pedro, 

En este caso lo que vemos es que el CSS global puede o no afectar algunos archives que tienes creados, debes revisar por ejemplo vemos que https://www.mercerianinot.es/telas/ y https://www.mercerianinot.es/accesorios-maquina-de-coser/ son creadas en Elementor, al hacerlo el CSS global no afecta porque tiene una clase de CSS distinta

Para estos casos debes editar la plantilla de elementor como tal que afecha a estas paginas archive y modificar como quieres que se visualice en la vista movil 

Una alternativa para tener mayor control de todos los archive es que crees plantillas globales que afecten a todas las paginas, por ejemplo podrias revisar un plugin como

→ https://es.wordpress.org/plugins/xpro-theme-builder/

→ https://wordpress.org/plugins/woolentor-addons/

Como te comento ya que cada pagina utiliza clases distitinas en este caso necesitas un css personalizado que te permita ir identificando cada clase y asignarla donde corresponde, para ello puedes consultes con nuestros directorio de colaboradores quienes pueden ayudarte a configurar lo que necesitas. 

Un Saludo