Make Blogpage responsive

Shapely
#1

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

#2

Here is a link to the webpage I am working on:

https://mabadvocaten.com/blog

#3

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

#4

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

#5

Hi

Ok, i used this css and it worked:

@media (max-width: 991px) {
.blog .post-grid-small {
width: 100%;
}
}

#6

Thank you so much Noda, I hope you have a great day!

#7

Thank you too, You are welcome :slight_smile:

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