How can I center my collection thumbnail?

Store Design
1

Hello

Please help me out for align problem.

As you can see below, when I set up the collection thumbnails, it is not centralized.

I want to keep thumbnail size as "Collections per row " for 3.

If I change to 2, the thumbnails are too big for me on mobile.

Thank you

컬렉션 에러.png
컬렉션 에러.png1623×858 173 KB

1 Like
2

@juana5429

sorry for that issue please share store url so i will check code and give your proper solution

3

Thanks for your kindness.

https://negagreen.com/

You can find it in the first page.

1 Like
4

@juana5429

thanks for url, can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.collection-grid .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
1 Like
5

I really appreciate you!

1 Like
6

@juana5429

its my pleasure to help us