Align Product Page in Center

Hey everyone,

I have an issue with the product layout here, I want to make the 4th item centred below the top 3 www.johnsummitmusic.com , I tried multiple codes over the past week but no luck. Any help would be sincerely appreciated!

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
.ProductList-grid.clear {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}

Hi @tuanphan

I seem to have the same issue on my page (7.1)

I only have 2 products in my store page - and they are aligning left instead of center. I think the above applies to product list grid but the store is not one of those...

Any ideas?

Thanks!

19 hours ago, lucagalbiati said:

Hi @tuanphan

I seem to have the same issue on my page (7.1)

I only have 2 products in my store page - and they are aligning left instead of center. I think the above applies to product list grid but the store is not one of those...

Any ideas?

Thanks!

 

Can you share link to store page? We can check easier

1 hour ago, tuanphan said:

Can you share link to store page? We can check easier

Hi Tuanpan - I've sent you a private message with details as site is currently being built.

Thanks

If your site is private, you can setup password & share url.

I don't see any message in forum inbox

Hi @tuanphan

I am having a similar issue. I only have 1 product on my store page and I am trying to center align it rather than the default which is left aligned. I tried the code you provided above but no luck. Any help would be appreciated, thanks!

On 11/13/2020 at 5:37 AM, Dandrew2411 said:

Hi @tuanphan

I am having a similar issue. I only have 1 product on my store page and I am trying to center align it rather than the default which is left aligned. I tried the code you provided above but no luck. Any help would be appreciated, thanks!

Can you share link to store page? We can check easier

Hi @tuanphan

Did this ever get resolved? I have the same issue on a site that I'm building. It's 7.1.

I would like to display an odd number of products, centred evenly on all my shop pages, for main categories and sub-categories.

https://www.natachabisarre.com/shop

Any help would be much appreciated!

Thanks.

Also having this issue! As I have multiple store pages but the settings have to be the same on each store page, the all have to be set to 4 per row but the page with only 2 products on its to the left and looks so weird!

On 7/8/2021 at 9:07 PM, Boffix said:

Also having this issue! As I have multiple store pages but the settings have to be the same on each store page, the all have to be set to 4 per row but the page with only 2 products on its to the left and looks so weird!

Can you share link to store page? We can help this easier