Category Product Display Issue

[greggc]

Setting up our category display on a dev site with a new iron & wool theme using a three column display. Sometimes when a category page loads it displays a row with only one product (see sample image). When you refresh the page everything corrects. Can someone point me into the general area of where I need to address this issue.

cat-image.jpg

[Matt Zimmermann]

It looks like an overflow issue. Try setting a minimum height on the product element.

[greggc]

This is where I made the change to set the min height;

.category-product a {
overflow: hidden;
position: relative;
min-height: 1px;
}
No change however.

[Matt Zimmermann]

You should be able to set it on the .category-product class.

[greggc]

In pages.css

.category-product {
margin-bottom: 1rem;
text-align: center;
min-height: 1px;
}

Is this it? No Change

[greggc]

In themes.css

.category-product {
margin-bottom: 1rem;
text-align: center;
min-height: 1px;
}

Is this it? No Change

[Matt Zimmermann]

You will need to set it to something like 10rem

[greggc]

This only happens in firefox. No problem on explorer or chrome. Crazy?

[Protos]

I hope your customers use Safari and Chrome! My Miva-shop statistics in Scandinavia are Chrome 41%, Safari 39%, Samsung (Chrome based) - 7% and Firefox is less than IE 3,7%. Firefox mostly used by developers over here :-). Cheers and midsummer greetings from Stockholm