Uniform product box display

-- url of the page with the problem -- : www.lockharttactical.com
-- HikaShop version -- : Latest
-- Joomla version -- : Latest
-- Browser(s) name and version -- : Firefox Latest

On my homepage, and other pages,

Example: www.LockhartTactical.com

I am trying to set the CSS to show the product display boxes all the sale.

I need the "Product name" to be down right above the "PRICE" without such a massive gap inbetween.

Can you help?

It's due to line 44 in your "rnshop-custom.css", where it says
Whoever set the min-height, might have done so with best intentions due to the greatly varying length of product names, but there's a better way of doing so: Set min-height for the product name only, not the entire (sub)container.

BTW, the present min-width property setting also hampers the display at certain browser widths, causing the containers to overlap instead of resizing.

So, you may want to review and rework the custom CSS accordingly, eventually with the help of media queries if certain browser widths require.

what fixes would you recommend?

I would really appreciate it.

Hi,

I am sorry but our support is there to help people to use and configure HikaShop.
But for CSS customization, we have a special documentation page:
www.hikashop.com/support/support/documen...ize-the-display.html

Regards,