# of columns in collection lists in mobile view, DAWN theme

Store Design
, ,
1

Hi everyone!

On my website we have a lot of different categories and I am using the collection list for that. My problem is that in the DAWN theme the maximum number of columns on mobile is 2, I would like it to be 3 at least. On PC it is fine.

Can anybody help me with that?

Here is a link to the page: https://wenswind.com/collections/all

Thank you!

2

Hi @WENSwind

You can try this code

  1. Go to Online Store-> Theme->Edit code

  2. Asset-> base.css ->paste the below code at the bottom of the file.

@media screen and (max-width: 748px){
.collection  .grid--2-col-tablet-down .grid__item {
    width: calc(33% - var(--grid-mobile-horizontal-spacing) / 2) !important;
}}
3

Hi @Ahsan_ANC

Unfortunatly the collections stayed the same, only the products got smaller, but I don’t want the products to get smaller. I only want the categories to show 3 columns on mobile instead of one.

Thank you!

4

try this code

@media screen and (max-width: 748px){
.collection-list.grid--2-col-tablet-down .grid__item {
    width: calc(33% - var(--grid-mobile-horizontal-spacing) / 3) !important;
}}
5

With this code nothing changes :disappointed_face:

Thank you again!