Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1417622

    Blog Posts with a grid layout have a bottom margin spacing error on Mobile.

    The is a random gap between each entry and sometimes no bottom margin at all.

    Please check the private URL provided 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,

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.