Centering Products on Shop Page (Desktop)

Hi all, 

I'm trying to get the products on my shop page to center. I got some code that worked great to center the products on mobile, but the products on desktop are still slightly to the left. Can someone help me with some custom css I can plugin?

Here is the code I am using to center them on mobile:

@media screen and (max-width:767px) {
.products.collection-content-wrapper .products-flex-container .list-grid .grid-item {
    margin: 0 auto;
}
}

Screen shot attached of the desktop view, which is off-center.

Thank you!

21 hours ago, j_m_g said:

Hi all, 

I'm trying to get the products on my shop page to center. I got some code that worked great to center the products on mobile, but the products on desktop are still slightly to the left. Can someone help me with some custom css I can plugin?

Here is the code I am using to center them on mobile:

@media screen and (max-width:767px) {
.products.collection-content-wrapper .products-flex-container .list-grid .grid-item {
    margin: 0 auto;
}
}

Screen shot attached of the desktop view, which is off-center.

Thank you!

Can you share your URL so I can take a look?

Yes thank you, its www.seacraftvintage.com/shop

My testing

36 minutes ago, Beyondspace said:

Can you share your URL so I can take a look?

Thank you so much, that worked perfectly. I really appreciate it!!