Solved

put the products in the center of the page

xammyja
Excursionist
30 1 1

how do I put the products in the center of the page? 

 

Screenshot 2023-03-21 at 5.50.07 PM.png

URL: https://karimadonfashion.myshopify.com/
PASSWORD: niajuy

Accepted Solution (1)

Jasoliya
Shopify Expert
4807 621 1213

This is an accepted solution.

@xammyja 

1. Go to Online Store->Theme->Edit code
2. Asset->base.css Or theme.scss-> paste bellow code in bottom of file

#CollectionProductGrid .collection_inner {justify-content: center;}

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 3 (3)

Jasoliya
Shopify Expert
4807 621 1213

This is an accepted solution.

@xammyja 

1. Go to Online Store->Theme->Edit code
2. Asset->base.css Or theme.scss-> paste bellow code in bottom of file

#CollectionProductGrid .collection_inner {justify-content: center;}

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel
Want to get Free review and advice for sale on store ?? just text me here
xammyja
Excursionist
30 1 1

Thank you! It worked.

Sanjay25
Shopify Partner
6 0 0

Hey Xammyja,

This issue happened in your website because your collection page have hidden div of filter. If I removed display none from that div then it looks good.
Screenshot: https://d.pr/CqGah7
If you still want products in the center position then you will need to change css of this div from width:80% to width:100%. I have done in the below screenshot.
Screenshot: https://d.pr/dVh4gg

If you still not able to do then you can contact me.

Thanks!