Change Blog Layuot

Hi,

1. Use this CSS code:

.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 50%;
}

2. Can you post a screenshot of the issue?

3. Open includes/loop-index.php and replace this line:

$current_post['slider']  	= get_the_post_thumbnail($current_post['the_id'], $size);

With:

$current_post['slider']  	= get_the_post_thumbnail($current_post['the_id'], 'full');

Best regards,
Josue

Hi,

1. Change the first code to:

.av-fixed-size .av-masonry-entry.post:nth-of-type(1) .av-inner-masonry-sizer,
.av-fixed-size .av-masonry-entry.post:nth-of-type(2) .av-inner-masonry-sizer,
.av-fixed-size .av-masonry-entry.post:nth-of-type(3) .av-inner-masonry-sizer {
    padding-bottom: 50%
}

2. Use the following:

@media only screen and (max-width: 767px) {
    #av_section_2 .entry-content-wrapper {
        display: flex;
        flex-flow: row wrap;
    }

    #av_section_2 .entry-content-wrapper .avia-builder-el-5 {
        order: 2;
    }

    #av_section_2 .entry-content-wrapper .avia-builder-el-7 {
        order: 1;
    }
}

Would suggest setting a custom ID to that section (ex: blog-posts) and change av_section_2 in the code above.

3. Change full for masonry and add this to Quick CSS:

.single-post .big-preview a {
    pointer-events: none;
}

Best regards,
Josue

Hey!

Try adding this code to General Styling > Quick CSS:

@media only screen and (max-width: 767px) {
    #top .container .av-masonry-col-flexible .av-masonry-entry {
        width: 100%;
    }
    #top .container .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
        width: 100%;
        padding-bottom: 80%;
        z-index: 1
    }
}

.big-preview.multi-big,
.big-preview.multi-big img {
    width: 100%;
    padding: 0;
}

Cheers! 
Josue