Responsive Design Broken

Hello,

I'm not very good with CSS so I can't quite seem to find the setting that would cause this issue:
http://imgur.com/a/ilrs3

This only happens when it's responsive. Would appreciate any help.

Hello,
There are two options:
1. In case you want to get the view from our demo you have to update your theme with the latest version.
Or:
2. On the other hand mostly of your product pictures are landscape. In this case I will advice you to make them fill the full width of the window. This can be achieved with adding some custom css to the 'Custom Head Styles' section in the administration. Just paste the following in it :

.gallery .picture {
    width: auto;
}

Hope that will help you

Thank you, that css helped it to look more presentable.

One question, if I'm on 3.8, I can't use the 3.9 version of the theme right?

In practice you can, but it is not in order. Maybe (there is a huge chance) some of the plugins to  look 'broken' or not work properly so it is not recommendable.
If you consider upgrading to newer version you can wait till October when we will upgrade to version 4.0.