How can I reduce the size of Dawn 4.0 Multicolumn?

Hi All,

Is it possible to reduce the size of the Multicolumn in dawn. Its currently too tall

@Danielparsons ,

Please can you share the store URL.

Hi OSC,

It is currently on the draft the theme, see below link

https://sfczk2bojv6z36cm-25590600.shopifypreview.com

Sell to us section

@Danielparsons ,

send the preview URL of that theme.

Hi, @Danielparsons

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.
.multicolumn-card__info {
    padding: 0 2.5rem;
}
.multicolumn-card-spacing {
    padding-top: 0;
}
1 Like

Thank you Ahsan that worked perfectly. Also in desktop, can the four columns be made to fit on the same row?

Hi, @Danielparsons

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 (min-width: 750px){
#Slider-template--14772879720490__16552125620dbcf72c li {
    width: 24%;
    max-width: 24%;
}
}

Hi Ahsan, I pasted the code but the sizes of my multicolumn still too big. Any other way to change the image size ?

here’s my store link

@olys ,

Can you share the screenshot? I did not find this section on the home page.

Hi there, because the code didn’t work. so I adjusted my column size from the image width.but still the size kinda too small.

@olys ,

.multicolumn-card__image-wrapper--half-width {
    width: 100%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid