[keystone]

it works good for the col-md and col-sm but I have to go all the way up to col-xs-12 for it not to squish the images on a vertical phone screen. The issue then is that for a horizontal phone screen there is a lot of space on either side of the images. As I "inspect elements" in google chrome and start to slide my screen, it looks like col-md lasts from full screen down to about half (1000px wide) then col-sm goes from 1000px to about 786px and col-xs is from 767px all the way down.

It seems like if col-sm would not switch over to col-xs so soon it would help. Is that something can be adjusted or is there a standard at which the switch over happens and I should leave that alone?

Or is there a way that my subcategory icons would be able to be set to shrink in height as well as width as the screen gets smaller, not just width?

I tried using the subcategory block height in the reboot template settings but all that does is set how high the entire subcategory block is, not just the image.

In the x-cart ideal responsive skin, when I slide the screen, my subcategory images do not resize at all, they just move below each other when the screen get too small to have them side by side.