Mobile view center image

[hkthedon]

Hey my site is shopweeb.com and I want to know how I can center the last item in the first collection view on the page(BIG 3 ANIME MERCH) I want to center the naruto item in the middle rather than on the left side THANKS

[KetanKumar]

@hkthedon 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

[hkthedon]

shopweeb.com

no pass needed

[suyash1]

@hkthedon -  add following css to the end of your theme.css

#shopify-section-16107460235b0a6cfe .grid{display: flex;    flex-wrap: wrap;    justify-content: center;}

[paramSoft]

Please place this code at the end of theme.scss

#shopify-section-16107460235b0a6cfe .collection-grid .grid--uniform {
justify-content: center;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

[hkthedon]

thanks do you know how i can do the same thing for the collection pages? Like if i click one and theres an uneven amount on the bottom row i want to center them

[hkthedon]

thanks do you know how i can do the same thing for the collection pages? Like if i click one and theres an uneven amount on the bottom row i want to center them

[suyash1]

@hkthedon - do you have any collection link with that structure?

[hkthedon]

what does that mean? sorry. if you click the image it takes you to the collection 

[suyash1]

@hkthedon - add this css for collection pages

.template-collection .grid--view-items{display: flex;    flex-wrap: wrap;    justify-content: center;}