How to center single product on collection page Dawn theme

Store Design
,
1

serenity-kits.com password- thawdu

On the collections/product page labeled “Serenity Kits” I have one product and would like to center it to the middle of the page so it sits below the word “Products”. I have tried at least a dozen solutions and many of them seem to be outdated or just don’t work.

Thank you in advance

2

Try this. Go to your theme customizer, click on the product page, and go to where it says Add Custom CSS. Paste this code:

.grid{
justify-content: center;
}

Does this work?

3

Hi @TonyG54

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.collection #product-grid {justify-content: center;}

Regards,

San

4

Hi @TonyG54

You can follow these step to align Product on collection in center:

  1. Go to Edit code

  2. Find file base.css and add the following code after that:

.collection #product-grid {
 justify-content: center !important;
}

If it worked, please mark as a solution. Good luck!