Hi all. I'm trying to get my gallery grid block to show two columns on mobile instead of stacking. I've used the CSS below to accomplish it but the grid is not aligning correctly on mobile wit the third item being bumped and white space in its place- screenshot attached (On tablet and desktop view it's also two columns wide but doesn't have the same issue). The page is here: https://ugly.wtf/new-page-1
I'm able to correct the problem usingwhite-space: nowrap;but then my text obviously doesn't wrap as needed.
Any help would be much appreciated. I'm very inexperienced with CSS.
Thanks in advance,
<style>@media only screen and (max-width:640px){.sqs-block-summary-v2 .summary-item {clear: none !important;width: calc(100%/2)!important;padding:2px!important;}}</style>
Question
UglyBich 0
Hi all. I'm trying to get my gallery grid block to show two columns on mobile instead of stacking. I've used the CSS below to accomplish it but the grid is not aligning correctly on mobile wit the third item being bumped and white space in its place- screenshot attached (On tablet and desktop view it's also two columns wide but doesn't have the same issue). The page is here: https://ugly.wtf/new-page-1
I'm able to correct the problem using white-space: nowrap; but then my text obviously doesn't wrap as needed.
Any help would be much appreciated. I'm very inexperienced with CSS.
Thanks in advance,
Link to post
Top Posters For This Question
2
Popular Days
Nov 24
2
Top Posters For This Question
UglyBich 2 posts
Popular Days
Nov 24 2019
2 posts
Posted Images
1 answer 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