Collection Page Product Center

Solved
Highlighted
Excursionist
16 1 4

I recently edited the code on my collection pages to have the products centered but now the page goes way far right. What do I need to edit?

1 Like
Highlighted
Shopify Partner
1620 352 477

Hi

Please share web shop url & password.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
16 1 4

tastetheorigin.com

PW: tastetheorigin

0 Likes
Highlighted
Excursionist
16 1 4
0 Likes
Highlighted
Shopify Partner
1620 352 477

Hi

Try to add following css in your assets/theme.scss.liquid file

 

#shopify-section-collection-template .grid, .grid--rev, .grid--full, .grid-uniform {margin-right: 0px !important;}

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
16 1 4

Do i add this add the bottom of the code or anywhere in particular? Thanks!

0 Likes
Highlighted
Excursionist
16 1 4

It worked! Is there way to keep "Enable Wide Layout" and still keep the products more centered?

Screen Shot 2020-05-29 at 8.09.35 AM.png

0 Likes
Highlighted
Shopify Partner
1620 352 477

This is an accepted solution.

Hi

Try to add following css in your assets/theme.scss.liquid file

 

.wrapper {max-width: 1900px !important;}

Hope this will work for you.

Please do like and accept as solution. That will cost of our time :)

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
New Member
2 0 0

I recently edited the code on my collection pages to have the products centered and horizontal but now each collection is vertically stacked on eachother instead of next to eachother. What do I need to edit?

0 Likes
Highlighted
Shopify Partner
1620 352 477

Hey, @ruthayy21 

Can you please provide  your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes