Mobile view center image

hkthedon
Tourist
17 0 1

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
Shopify Partner
14158 1649 5079

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
hkthedon
Tourist
17 0 1

shopweeb.com

 

no pass needed

0 Likes
suyash1
Shopify Partner
1969 197 298

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

 

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

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly
0 Likes
paramSoft
Shopify Partner
1428 233 622

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;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
hkthedon
Tourist
17 0 1

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

0 Likes
hkthedon
Tourist
17 0 1

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

0 Likes
suyash1
Shopify Partner
1969 197 298

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

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly
0 Likes
hkthedon
Tourist
17 0 1

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

0 Likes
suyash1
Shopify Partner
1969 197 298

@hkthedon - add this css for collection pages

.template-collection .grid--view-items{display: flex;    flex-wrap: wrap;    justify-content: center;}
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly
0 Likes