tamaño de categorias

Hola Joaquin.

prueba con lo siguiente:

#subcategories ul li {
    width: 32%;
}
#subcategories ul li .subcategory-image a img {
    width: 100%;
    height: auto;
}

Un saludo

el problema que en dispositivos móviles se descuadra

Hola Joaquin.

prueba añadir lo siguiente:

@media screen and (max-width: 720px) {
#subcategories ul li {
    width: 40%;
    height: auto;
}
}

Un saludo

Ahora se descuadra en ordenador y en movil :/

Hola Joaquin.

Tienes que añadir todos los códigos, los primeros son para la versión PC y el segundo es para la versión móvil.
Si ves que no se muestra bien, por favor dejalos añadidos para que podamos revisarlo.

un saludo

están puestos los 2 códigos

perdon, las prubeas las estoy haciendo en esta web, que es la misma que la primera que te pasé. pero en estas no tengo problema porque aun esta en construcción.
Contenido solo visible a usuarios registrados

Hola Joaquin.

El problema del descuadre en la versión móvil es por el tema del texto, si te das cuenta hay subcategorías que el texto ocupa dos líneas y por ese tienes ese descuadre.

Lo que puedes hacer que tambien vendra bien para que google no te notifique problemas de usabilidad en la versión móvil es que tengas las subcategorías en una línea.

@media screen and (max-width: 720px) {
#subcategories ul li {
    width: 90%;
    height: auto;
}
}

Para el tema de PC veo que tienes añadido un código persinalizado con un margin

#subcategories ul li {
    float: left;
    width: 145px;
    border: 1px solid #d6d4d4;
    background: #fff;
    margin: -10px 0px 13px 33px;
    text-align: center;
}

.- Elimina ese código y modifica el que añadimos a la versión PC por el siguiente:

#subcategories ul li {
    width: 49%;
}

Ten en cuenta que no bueno realizar muchas modificaciones ya que pueden afectar a otras partes de la web.

Un saludo