Make Blog columns show as 1 column in mobile

Store Design
1

Im trying to create a recipes page, In desktop it looks great but on mobile it let me only use sliding for columns but i want to disable it, how can i do that?

I would like to not share my page url, tahnk you all for helping in advanced

2

Hi @Psps
You can use some CSS code to make it functional in mobile device.
Online Store → Themes → Edit code → CSS file

@media screen and (max-width: 768px) {
.your-recipes-section-class {
overflow-x: visible !important;
white-space: normal !important;
flex-wrap: wrap !important;
}

.your-recipes-section-class > * {
flex: 1 1 100%;
}
}

*Replace “your-recipes-section-class” with the actual class name of your recipe container (like .recipes-grid or .recipe-list).