Blog Posts Grid Layout – Bottom margin spacing error on Mobile

Hey IconicD,
Thanks your patience and for the link to your page, I see that when the blog element is set to show three columns, on mobile the second column’s bottom margin is not showing, I’m not sure why this is as I see the css rule is there so I will report this to the Dev Team for their review. I also notice that after each row of three columns the tablet/desktop bottom margin adds some extra margin on mobile. So in the meanwhile try this css for mobile:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
	margin-bottom: 20px;
}
.responsive #top .avia-content-slider .slide-entry-wrap {
	margin-bottom: 0;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike