poscher

Hi Ziggy, thanks for your help. I found a workaround so all good

Hi, I would like my blog masonry page to display 2 columns instead of stacked posts in mobile view. There are a few solutions on the web to find, but none of them seem to fix it accordingly. Either images are weirdly cropped or there are big white spaces inbetween post entries. I am calling on all the pros here in the forum and appreciate your efforts. This is the code I have been using so far: @media screen and (max-width:640px) { .blog-masonry .entry { width: 48% !important; float: left !important; transform: unset !important; position: initial !important; height: auto !important; } .blog-masonry .blog-image-wrapper img{ width: 100% !important; object-fit: contain !important; } .blog-masonry .entry:nth-child(odd) { margin-right: 4% } }

Hi @tuanphan, I have a similar question and tried to adapt the code you provided to make it work. I would like to show 2 columns (or 3 if it looks better) on my main page in mobile view instead of stacked images. Can you help me out please? https://www.bernhardposcher.com/