All things Shopify and commerce
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
@ZakThreads Can you please send me the blog page URL?
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
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025