Hi,
I would like my blogpage to have a responsive grid where when used on a computer it will have 3 blogpost excerpts next to eachother and when used on mobile or tablet only 1 excerpts.
At this moment with a widescreen I get 3 blog excerpts and a smaller screen 2 (tablet or mobile).
Thank you in advance
Here is a link to the webpage I am working on:
https://mabadvocaten.com/blog
hey there
Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS
blog .post-grid-small.col-xs-6 {
width: 100%;
}
Thanks!
Colorlib Support Team
Dear Noda,
Thank you so much for your advice. Unfortunatly this didn’t work for me. I put it in my Child and also in additional CSS but with no effect.
Do you think you have another idea that could work?
Here is a temporary login:
https://mabadvocaten.com/wp-admin/?wtlwp_token=0b068bbfe3441d11c715bf90a03a0941
Thanks in advance
Hi
Ok, i used this css and it worked:
@media (max-width: 991px) {
.blog .post-grid-small {
width: 100%;
}
}
Thank you so much Noda, I hope you have a great day!
Thank you too, You are welcome 
Feel free to open new tickets if you need one
this case is closed
If you’re happy with our service, don’t forget to rate us: [Shapely] Reviews | WordPress.org