• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 52
  • Last Modified:

CSS issue on category page

Hi Guys,

I am having a weird issue on my categories page here http://bodyfirst.ie/product-category/accessories

every 2nd row its just showing one product

how can i fix this?
  • 2
1 Solution
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
The reason is the heights of each "box" are not the same.  If the text at the bottom wraps, the box gets taller.  What you need to do is set the "box" height or make sure there are only enough characters to not wrap.
jonathanduane2010Author Commented:
Thanks a million Scott

How can i do this?
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
It looks like javascript is adding, style="height: auto;
<li class="product-5642 product group grid with-hover with-border span3 css3 open-on-mobile" style="height: auto;"

Open in new window

Check to see if there is a setting in woo that will set the height.  If not, find the javascript that is setting this.  It will probably be something that has to do with isotope
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now