Dawn Theme - More than 2 collections in collection list (Mobile view)

Store Design
1

Hello, how can i have 4 collections in collection list ( mobile view). currently it can only show 2 collections on the same row on mobile or multiple collections via swipe on mobile. i am using the Dawn theme.

currently

Ronaldh_0-1655186458335.png
Ronaldh_0-1655186458335.png457×330 58.4 KB

i would like to have it as below

Ronaldh_1-1655186568374.png
Ronaldh_1-1655186568374.png500×122 33.1 KB

Thank you

2

Hi @Ronaldh

follow this:

  1. Go to Online Store->Theme->Edit code
  2. Asset->base.css → paste bellow code in bottom of file
@media only screen and (max-width: 767px) {
.collection-list__item.grid__item { width: 20% !important; }
.full-unstyled-link{    font-size: 11px !important;}
}
1 Like
3

Hi @Ronaldh ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Assets-> /base.css. Paste code below into end the file.
@media screen and (max-width: 749px){
    .grid--2-col-tablet-down .grid__item {
      width: 20% !important;
      padding: 0 10px;
      margin: 0;
    }
    .full-unstyled-link {
      font-size: 12px;
    }
    .card--standard>.card__content .card__information {
      padding-top: 0;
    }
    .card .icon-wrap {
      display: none;
    }
  }
1 Like
4

hello. I cannot find Asset->base.css

base.css have another name?