Blog entries grid layout

Hi,
Sorry for the very late reply, to change the blog element grid layout for mobile landscape, we will use this demo page as the example.
Currently the landscape view is like this:

We will use this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) and (orientation: landscape) {
.responsive #top #wrap_all .avia-content-grid-active .slide-entry-wrap > .slide-entry {
    width: 100% !important;
    margin-left: 0 !important;
}
.responsive #top #wrap_all .avia-content-grid-active .slide-entry-wrap > .slide-entry > a {
	width: 50% !important;
    float: left !important;
    margin-right: 10px;
}
.responsive #top #wrap_all .avia-content-grid-active .slide-entry-wrap > .slide-entry > .big-preview.single-big.audio-preview {
	display: none !important;
}
}

With this you will note the max-width is 767px for small mobile, if you want it to work for tablets also, change the max-width to 1024px. This code will also work across your whole site, I recommend limiting it to a single page by adding the page id to the “#top” like this .responsive #top.page-id-1028 #wrap_all .avia-content-grid-active .slide-entry-wrap > .slide-entry
After applying the css, please clear your browser cache and check.
If you find this is not working for your page, please include a link to your page so we can examine it.

Best regards,
Mike