Products on last line aligned to the right

Hi Jess,

All of the divs inside of #product_masonry have inline styles that add absolute positioning to them. This is causing the issue you are seeing on the last row.

Absolute positioning is not usually a best practice for responsive sites. If you added the absolute positioning, I recommend removing it. If the theme or some plugin is adding that inline style, I recommend finding a different theme or plugin.

Hope this helps!

Christi

Hey,
It’s called masonry, and its very much used for responsive sites, just resize the widow and watch it work.

The point is that the masonry style lines up your content to fit together like bricks. It doesn’t clear per row. So if you want clean rows then you should make your products are equal size. This can be done right in the theme options > shop settings. Scroll down to the product title min-height and set to 60.

Kadence Themes

Hi,
I am agree with Kadence Themes. You have to upload the equal size product images or fix min-height of the products.

Thanks for the help. I changed the min-height setting to 60 and it worked like a charm.

How can I make the product image size larger?

How can I make the product image size larger?

What do you mean? Where? Please be specific.

Sorry, still talking about the main Shop page.

We’d like the thumbnail view of the product image on the main shop page to be larger because there are currently only 7 products listed in the shop.

You are using the woocommerce sizes… meaning you’ve turned off the theme crop in the theme options.
You can adjust your sizes in the woocommerce settings > products and you can regenerate your thumbnails so your changes show.

Kadence Themes