Product Listing Overlapping Each Other in Mobile

Hi,

My template is responsive.

But, I've an issue with my product listing where it is overlapping each other in mobile.
How can I fix it?

Hi there,

Do you have the last version of Hikashop?
Also did you enabled the "Use bootstrap design" in Hikashop main configuration (System>Configuration>Display)?

eliot wrote: Hi there,

Do you have the last version of Hikashop?
Also did you enabled the "Use bootstrap design" in Hikashop main configuration (System>Configuration>Display)?

It's works on the mobile but in the desktop it is not align properly.
Do you know is there a way to set the size of the box for the product?
I know how to set the size of image but not for the size of the box with the image and description, price etc?

If you want to force the box size you can take a look at the view you are using.
For example, if you have a listing with image and title, go in Display>Views and edit the file listing_img_title of product (or categories it depends of your needs).
You will then be able to modify the box size with some css (width:100px; height:100px for instance).

eliot wrote: If you want to force the box size you can take a look at the view you are using.
For example, if you have a listing with image and title, go in Display>Views and edit the file listing_img_title of product (or categories it depends of your needs).
You will then be able to modify the box size with some css (width:100px; height:100px for instance).

Say if I do not want to set to a certain size.
But, I want the align of my desktop to be the same before and after I set the bootstrap to yes.
Is there a way?

Actually it should.
Could you give me a link to your website so I can take a look?

eliot wrote: Actually it should.
Could you give me a link to your website so I can take a look?

www.gemboxjewellery.com/jewelleryproduct

this has been set to bootstrap as yes.
Before it was align nicely with 5 product per row.
Now, it is messy align.

Many Thanks.

It's a simple css issue, one of your product title is too big and mess everything.
What you can do is add this css property to your front end css file: