Jump to content

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

Go to solution Solved by Shadmon,

Recommended Posts

Posted (edited)

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?

northern-wellness-mobile-1.jpg

northern-wellness-mobile-2.jpg

Edited by ZipZapZop
Adjusted picture order. Adjusted title for clarity.
Link to comment
  • ZipZapZop changed the title to How do you Center-Align the Mobile Store Page Layout?
  • Replies 2
  • Views 742
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.