I've customized the CSS to show a summary > grid blog post block as 2 columns for mobile, but there's a window size range where 3 posts are displayed with the 4th by itself below. For some reason, changing the media query pixel value only messes up the situation further. I've linked the work-in-progress site at the top of this post. Can anyone figure out how to make it display either 4 across or 2x2 stacked without the 3 on the top, 1 on the bottom in between?
Here's the CSS I'm currently using.
@media only screen and (max-width: 631px)
{.sqs-block-summary-v2 .summary-item {
clear: none !important;
width: 50% !important;
padding: 10px !important;
}}
Question
AndrewMarston 4
Site URL: https://www.pixelsandpaths.com/
Hello,
I've customized the CSS to show a summary > grid blog post block as 2 columns for mobile, but there's a window size range where 3 posts are displayed with the 4th by itself below. For some reason, changing the media query pixel value only messes up the situation further. I've linked the work-in-progress site at the top of this post. Can anyone figure out how to make it display either 4 across or 2x2 stacked without the 3 on the top, 1 on the bottom in between?
Here's the CSS I'm currently using.
@media only screen and (max-width: 631px) {.sqs-block-summary-v2 .summary-item { clear: none !important; width: 50% !important; padding: 10px !important; }}
Thanks so much for an insight you can offer.
Link to post
Top Posters For This Question
3
2
Popular Days
Sep 3
3
Sep 12
1
Sep 22
1
Top Posters For This Question
AndrewMarston 3 posts
tuanphan 2 posts
Popular Days
Sep 3 2020
3 posts
Sep 12 2020
1 post
Sep 22 2020
1 post
Popular Posts
tuanphan
Edit your code to @media only screen and (max-width: 640px) { .sqs-block-summary-v2 .summary-item { clear: none !important; width: 50% !important; padding: 10px !important; } .sqs-block-s
tuanphan
Sorry, didn't get the notification. Have you solved it yet?
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment