2 cols layout produces empty boxes

[zadazdaz]

Hi,

here is the bug:

1. Create a 2 cols template

Code: [Select]

<div class="sppb-section">
<div class="sppb-container-inner">
<div class="sppb-row">
{cat_info_begin}
<div class="sppb-col-md-6 cat-box">
<div class="sppb-column card sppb-wow fadeInUp sppb-animated" data-sppb-wow-duration="600ms" data-sppb-wow-delay="300ms" style="visibility: visible; animation-duration: 600ms; animation-delay: 300ms; animation-name: fadeInUp;">
<div class="sppb-column-addons">
<div class="sppb-addon-wrapper">
<div class="clearfix ">
<div class="sppb-addon sppb-addon-text-block sppb-text-left ">
<h2 class="sppb-addon-title"><i class="far fa-folder" aria-hidden="true"></i> {cat_title1}</h2>
<div class="sppb-addon-content">
<p>{cat_description1}</p>
</div>
<div class="sppb-addon-content jd-infos">
<small><i class="far fa-copy" aria-hidden="true"></i> {sum_files_cat1}</small>
<small><i class="far fa-folder-open" aria-hidden="true"></i> {sum_subcats1}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{cat_info_end}
{cat_info_begin}
<div class="sppb-col-md-6 cat-box">
<div class="sppb-column card sppb-wow fadeInUp sppb-animated" data-sppb-wow-duration="300ms" data-sppb-wow-delay="400ms" style="visibility: visible; animation-duration: 300ms; animation-delay: 400ms; animation-name: fadeInUp;">
<div class="sppb-column-addons">
<div class="sppb-addon-wrapper">
<div class="clearfix ">
<div class="sppb-addon sppb-addon-text-block sppb-text-left ">
<h2 class="sppb-addon-title"><i class="far fa-folder" aria-hidden="true"></i> {cat_title2}</h2>
<div class="sppb-addon-content">
<p>{cat_description2}</p>
</div>
<div class="sppb-addon-content jd-infos">
<small><i class="far fa-copy" aria-hidden="true"></i> {sum_files_cat2}</small>
<small><i class="far fa-folder-open" aria-hidden="true"></i> {sum_subcats2}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{cat_info_end}
</div>
</div>
</div>
Set cols number to 2:


2. Activate options to remove empty HTML tags


2. Publish 3 categories

In the frontend, you'll see 2 cols but the 2nd row produces an empty box::



How can these be generated correctly (generate category box if needed only)?

[Arno]

Hi,
please allow us a little time to check your layout.
I hope I will have the time to do this over the weekend. Maybe Colin can help here too.

[zadazdaz]

Thanks Arno, i don't know if it's me doing something wrong or a component problem... 

[ColinM]

Hi
I sent you a PM yesterday.  It should have appeared in your 'My Messages'
Colin

[zadazdaz]

Hi ColinM, sorry i didn't see you PM earlier...

I've fixed it by only display a col with a Bootstrap size of "col-md-6", instead of a row of two cols.
That way, each folder will generate it's own box and the Bootstrap framework do the rest 

Thanks for your precious time.