Responsive Category Item Layout CSS Rules

Hello, the category items layout drops from 3 columns to 1 column at width 640px and under that value.

I would like to have 2 columns instead of 1. I can't figure out which CSS class affects those blocks.

Link: http://gator4199.hostgator.com/~lgt2015/supplements

Any ideas?
Regards

Should I navigate to a subpage? Right now on your homepage just above 640px they are only 2 columns.

Hi Cyberek, the link that I gave you is a subpage.

The issue is about a subpage with products, such as this one:
http://gator4199.hostgator.com/~lgt2015/supplements

It goes from 3 columns to 1 column at 658px and below.

Regards

The new rule should not affect the homepage, only subpages.

Code: Select all

@media (max-width: 640px) {
   #k2Container .itemContainer {
      width: 50%!important;
   }
}


This should not affect any element on homepage as there is no element with itemContainer class there.

Brilliant it works perfectly!

Regards

Please let me know if you would have any additional questions regarding this topic.