put the products in the center of the page

xammyja · ‎03-21-2023

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

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

Jasoliya · ‎03-21-2023

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 or Order edit
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Jasoliya · ‎03-21-2023

@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 or Order edit
Want to get Free review and advice for sale on store ?? just text me here

xammyja · ‎03-21-2023

Thank you! It worked.

Sanjay25 · ‎03-21-2023

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!

put the products in the center of the page

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links