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

ZakThreads
Tourist
9 0 1

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

blog01.pngblog02.png

Replies 3 (3)

DelightCart
Shopify Partner
1238 82 157

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

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

JasmeetVT14313
Shopify Partner
201 47 54

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

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

theycallmemakka
Shopify Partner
1477 336 360

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com