Archived topic

Make Page grid responisve

3 replies · Started by Kilian on January 24, 2020

Viewing posts 1–4 of 4

January 24, 2020 at 7:17 pm #1143182

Hey,
i wanted to ask if it is possible with some CSS to style the grid on the homepage to make it responsive, meaning that if i make the screen smaller 4 columns will become 2 columns and if i make the screen smaller again 2 columns become 1 column?

Thanks a lot.

January 25, 2020 at 7:08 am #1143746

Hi there,

try this CSS:

@media (max-width: 769px) and (min-width: 600px) {
    .wp-show-posts-columns .wp-show-posts-single {
        width: 50%;
    }
}

January 25, 2020 at 7:48 am #1143784

Awesome! Thank you very much :)

January 25, 2020 at 3:18 pm #1144112

You're welcome

This archived topic is closed to new replies.

Start building better websites today.