Dawn - Multicolumn Horizontal Layout for 700px-990px

[IllIlIl1]

Is it possible to display my multicolumn grid layout horizontally for screen widths between 700px and 990px? Currently, it switches to a vertical grid below 990px, but I only want it to become vertical when the width is 700px or less.

Reference Image:  https://imgur.com/a/GQ9Psgv

Link: https://a3852f-a7.myshopify.com

Keycode: teoree

[Made4uo-Ribe]

Hi @IllIlIl1 

Do you mean like this? 

if it is check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.media.media--transparent.media--adapt {
    height: 40vh;
}
.multicolumn-card__image-wrapper--third-width {
    width: unset;
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[IllIlIl1]

Hello! Thanks for the reply. No, not the size of the image; If you look at the site anywhere from 750px-990px, the multicolumn is displayed vertically. However I want it to be displayed horizontally, like how it is on 990px and above.

[Made4uo-Ribe]

Im not sure what your trying to achieve, but the result is like this.

if you acheiving like this check this one. 

Same Instruction. 

.multicolumn.color-scheme-3.gradient {
    background: transparent;
    
}
.page-width.section-template--23282462130486__multicolumn_pEx4Ax-padding {
    background: #242833;
    width: 700px;
    height: 900px;
}

And save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!