Increase the numbert of rows in product grid on home page featured collection - Dawn

Store Design
1

hi all,

I’m looking to increase the number of rows of products that show in the product grid on the home page, featured collection in Dawn Theme. At the moment it has a maximum of 4 but I’m looking to increase it to either 5 or 6 columns. Can anyone help me?

Screenshot 2022-03-30 at 14.52.18.png
Screenshot 2022-03-30 at 14.52.18.png1839×811 116 KB

address: www.bundles-online.com

Cheers in advance

Milo

2

Hi @bundle_bee ,

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: 1200px) {
#shopify-section-template--15344789520560__1644325644ea2de08f .grid__item {
    max-width: 20% !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