I think "slide-entry-wrap" class doesn't need in Blog Posts with Grid Layout

This is a recommendation.

I like very much your theme, but I have a display problem on screen and devices (max-width: 767px) caused by the element “Blog Posts” with setting “Grid Layout – 3 columns.”
To make the site responsive, I set the blog post element to 3 columns, and then set it in CSS to display two columns at a certain size 768px-989px.

However, when the Blog posts element is set to 3 columns, a div with a slide-entry-wrap class will appear for every 3 elements, so a 2-column grid layout cannot be properly represented.

The html source code at this time is as follows.

<div class="avia-content-slider-inner">
    <div class="slide-entry-wrap">
         <article> --- </article>
         <article> --- </article>
         <article> --- </article>
    </div>
    <div class="slide-entry-wrap">
         <article> --- </article>
         <article> --- </article>
         <article> --- </article>
    </div>
</div>

The result is bellow.

View post on imgur.com

I think this html code should be:

<div class="avia-content-slider-inner">
    <div class="slide-entry-wrap">
         <article> --- </article>
         <article> --- </article>
         <article> --- </article>
         <article> --- </article>
         <article> --- </article>
         <article> --- </article>
    </div>
</div>

Please consider reflecting this fix.

• This topic was modified 4 years, 10 months ago by nonononotch.