ZCA Bootstrap 4 Template [Support Thread]

[DrByte]

In Admin goto Configuration - Product Listing

Check Product Listing - Columns Per Row (Default Setting is 3)

Also check your stylesheet.css should have the following:
(Stylesheet is located in includes/templates/bootstrap)

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

Changing Columns Per Row from 4 to 3 fixed it, but on large screens we would really rather have 4

Those details are based on an old version of the template.

With v3 of the BS4 template, the "column-count" CSS properties are completely replaced with an updated implementation using built-in Bootstrap 4 features.
If you don't like the arrangement offered at each level of number of columns, you can change the Bootstrap classes that are applied as described in one of the comments to the code change discussed here: https://github.com/lat9/ZCA-Bootstrap-Template/pull/24