Dawn 2.0 theme homepage collection list 3 -> 4 columns?

How do I change the default collection list columns to 4 columns instead of three? This is what I currently have https://prnt.sc/mtPNWVe7cR1j would like 4 columns instead.

Hello @wonderd ,

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

Sure see below.

https://daniel-3j57.myshopify.com/
pass: biemay

Anyone know how to do this?

Hello @wonderd ,

You can follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Open file section-collection-list.css → find line from 56 to 58 and change code:
.collection-list.grid--3-col-tablet .grid__item {
   max-width: calc(25% - var(--grid-desktop-horizontal-spacing));
}

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

Best regards.

Hi there,

I did this by editing the file main-list-collections.liquid
and changing lines 18-24 to the below (just changed the to '3’s to '4’s):

    {%- for collection in collections -%}
  • {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 4 %}
  • {%- endfor -%}