Title: Product thumb view problem
Last modified: August 24, 2016

---

# Product thumb view problem

 *  Resolved [nysthar](https://wordpress.org/support/users/nysthar/)
 * (@nysthar)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/product-thumb-view-problem/)
 * Hi
 * Somehow in the product thumb view some rows have only one product altought there
   should be four in every row. Everything goes fine when I use pixel height in .
   upcp-thumb-image-div but then in smaller screen thumb box is too tall when image
   gets smaller. Is it possible that the height is relative to the content (image
   and text) height?
    I don`t know if this has anything to do with this but I noticed
   that if the images doesn`t have the same ratio rows goes wrong. Now all the images
   have the same ratio. I
 * Here is the link: [http://indecoria.wp.mmd.net/test/](http://indecoria.wp.mmd.net/test/)
 * [https://wordpress.org/plugins/ultimate-product-catalogue/](https://wordpress.org/plugins/ultimate-product-catalogue/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009613)
 * Hi Nysthar,
 * We’re not sure that we understand your problem, it looks like there are four 
   per row right now. Is this a problem that has since been resolved?
 *  Thread Starter [nysthar](https://wordpress.org/support/users/nysthar/)
 * (@nysthar)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009621)
 * Hi EtoileWebDesign
 * I made some other changes to the site, but I haven’t found any solution to this
   problem. The problem occurs on row three. There is only one product in that row(
   TYPE 10) Other rows has four and the last row has two but that is because there
   is no more products.
 * Do you see four products on line three?
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [11 years ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009631)
 * Hi Nysthar,
 * Thanks for getting back to us. It does show 4 products in one row when I look
   at it in Google Chrome, but I see the problem you’re referring to when I look
   at it in Firefox so there seems to be a browser compatibility issue going on 
   here.
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [11 years ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009632)
 * What custom CSS are you using to change that?
 * Thansk!
 *  Thread Starter [nysthar](https://wordpress.org/support/users/nysthar/)
 * (@nysthar)
 * [11 years ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009633)
 * Hi
 * When I use this custom css the rows goes wrong in firefox (I noticed that too).
   .
   upcp-thumb-image-div { height: auto; } or .upcp-thumb-image-div a { height: auto;}
 * But when I use pixel size in the height everything is fine
    .upcp-thumb-image-
   div { height: 200px; } or .upcp-thumb-image-div a { height: 200px; }
 * Maybe media queries solves this problem. Solid height makes thumbnail boxes too
   tall if the screen size gets smaller.
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [11 years ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009642)
 * Hi Nysthar,
 * It looks like an issue with slight spacing/height difference between browsers,
   so media queries would probably be the best solution.
 *  Thread Starter [nysthar](https://wordpress.org/support/users/nysthar/)
 * (@nysthar)
 * [11 years ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009651)
 * Hi
 * Yes media queries was the answer and now the thumbnail view is working fine.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Product thumb view problem’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-product-catalogue/assets/icon-128x128.png?rev=1805317)
 * [Ultimate Product Catalog](https://wordpress.org/plugins/ultimate-product-catalogue/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-product-catalogue/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-product-catalogue/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-product-catalogue/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-product-catalogue/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-product-catalogue/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [nysthar](https://wordpress.org/support/users/nysthar/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/product-thumb-view-problem/#post-6009651)
 * Status: resolved