Why isn't my product grid displaying the correct number of columns in the Dawn theme?

Store Design
1

Hello,

I’m working in setting up a store with the Dawn theme, but it’s not displaying the product grid correctly? It should be 4 columns across, but it’s only showing 3. How can I fix this?

brendaanne3_0-1648749612327.png
brendaanne3_0-1648749612327.png1805×629 82.7 KB

2

Hi @brendaanne3 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Sure, the URL is https://cworldwide.myshopify.com/

4

Hi @brendaanne3 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-product-grid.css->paste below code at the bottom of the file:
@media (min-width: 990px) {
.product-grid .grid__item {
    max-width: calc(25% - 1.5rem) !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
5

Perfect! Thank you so much for the quick and straightforward help!

1 Like