Tagged: blog post, grid layout, margin, mobile, spacing
Hi,
I have a blog post element from the advanced layout editor on my home page. It is set to have three columns, and to show a maximum of three blog posts. When it collapses down to one column for a mobile device there is no space between the second and third post. Please advise.
Regards,
TedGL
Hey TedGL!
Try also adding the following CSS to the Quick CSS field:
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .slide-entry {
margin-bottom: 20px !important;
}
}
Let me know if you need anything else.
Cheers!
Jordan