Recent updates have cause the spacing between posts in the blog module to decrease on mobile.


To fix this, find this section of CSS:


/*Style the blog image overlay icon*/

.ds-home-blog .et_overlay.et_pb_inline_icon:before {
    color: #fcf8ef !important;
}

@media only screen and (max-width: 980px) {
    .ds-home-blog.et_pb_blog_grid .et_pb_post {
        margin-bottom: 100px !important;
    }
}

@media only screen and (max-width: 767px) {
    .ds-home-blog.et_pb_blog_grid .column.size-1of1 .et_pb_post {
        margin-bottom: 100px !important;
    }
}



And replace it with this:


/*Style the blog image overlay icon*/

.ds-home-blog .et_overlay.et_pb_inline_icon:before {
    color: #fcf8ef !important;
}

@media only screen and (max-width: 980px) { /*Updated 20/02/18*/
    .ds-home-blog .et_pb_blog_grid .et_pb_post {
        margin-bottom: 100px !important;
    }
}

@media only screen and (max-width: 767px) { /*Updated 20/02/18*/
    .ds-home-blog .et_pb_blog_grid .column.size-1of1 .et_pb_post {
        margin-bottom: 100px !important;
    }
}



It may look like there is no change to the code but there is one minor change that makes a big difference.


If you changed the colours of the theme to your own, you will need to update the colours in this replaced section of CSS.


Applies to V1.4, fixed in V1.5.