How can I rearrange my blog posts from columns to rows?

[ZakThreads]

Theme: Sense 13.0.1

I would like to arrange the blog posts on my main page from columns to rows.

I including 2 pics for reference.

Pic #1 - Column style, Pic #2 Row style

[DelightCart]

@ZakThreads Can you please send me the blog page URL?

[JasmeetVT14313]

Hi @ZakThreads 

You can try adding the below styling to the end of "section-main-blog.css" file

@media screen and (min-width: 750px){
.blog-articles {
    grid-template-columns: 1fr;
}
}

Please hit Like and mark it as a solution if this helps

[theycallmemakka]

Hi @ZakThreads 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
ul#Slider-template--17397118566621__featured_blog_JyqCWF {
    flex-direction: column!important;
}

.grid--3-col-desktop .grid__item {
    width: 100%!important;
    max-width: 100%!important;
}

.rte-width {
    margin-left: 0px!important;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka