La galería de imagen  

Hola

Primero, aclarar lo que indicas de que no se ve bien desde que aplicaste el código:

código que me dieron para solucionar el problema de pantalla
.products .product-inner-div { width: 90%; }

Si quitas este código es cierto se ve supuestamente de manera correcta, sin embargo la imagen se muestra pero oculta a la derecha por que lo tapa la otra imagen, además se genera un scroll, ver imagen adjunta como lo tenías antes de aplicar el código

Esto se genera debido a lo que tenias antes :

.product-inner-div{
width:10000px;
}

Evidentemente es un código muy raro, dudo mucho que el dearrollador de la plantilla haya usado este codigo.

En resumen se ve mal con lo que has aplicado por que ya estaba mal desde el inicio, desconocemos que tipo de cambios estas haciendo, pero lo mejor es que evites hacer cambios CSS si no conoces exactamente que te puede afectar.

Ahora mismo lo mejor sería ocultar la segunda imagen ocultandola con el siguiente código:

.products .product img.gallery-image{
	display:none;
}

Saludos

gracias. creo que asi puedo resolver mejor