How do you Center-Align the Mobile Store Page Layout?

Hello everyone,

I'm trying to center-align the products on our mobile store page. They are all left-aligned. I have not been able to figure out how to do this in the site 'Edit Section' nor with any 'Custom CSS' as of yet. Google search has not lead to any effective results.

Does anyone know how to fix this problem?

11 minutes ago, Shadmon said:

Hi, Sure you can do that. You can add this code to Website > Website Tools > Custom CSS

@media only screen and (max-width: 767px) {
  .products .grid-item {
    width: 100% !important;
  }
}

Let me know if it works!

Yes, this worked! Thank you very much!