CSS/Code error ( nth-child) - Open

Checked style-darkgreen.css, but it's probably in all the themes colors. The nth-child offsets are wrong. The counting is inverted. grid-xx-12 means the column will be 12/12th width. (not 1/12th width) grid-xx-2 means the columns will be 2/12th width. (not 1/2 width ) So, it should be like this; .grid-lg-2 .row .dexp-grid-item:nth-child(6n+1) { clear: left; } .grid-lg-3 .row .dexp-grid-item:nth-child(4n+1) { clear: left; } .grid-lg-4 .row .dexp-grid-item:nth-child(3n+1) { clear: left; } .grid-lg-6 .row .dexp-grid-item:nth-child(2n+1) { clear: left; } .grid-lg-12 .row .dexp-grid-item:nth-child(1n+1) { clear: left; It was like this; .grid-lg-2 .row .dexp-grid-item:nth-child(2n+1) { clear: left; } .grid-lg-3 .row .dexp-grid-item:nth-child(3n+1) { clear: left; } .grid-lg-4 .row .dexp-grid-item:nth-child(4n+1) { clear: left; } .grid-lg-6 .row .dexp-grid-item:nth-child(6n+1) { clear: left; } .grid-lg-12 .row .dexp-grid-item:nth-child(12n+1) { clear: left; } This goes for all screensizes not just -lg-. . - --- - . Using the featured product display the n-th counter gets inverted for the first (-lg-) item. < div class="dexp-grid-items grid-lg-1 grid-md-4 grid-sm-6 grid-xs-12"> < div class="row"> < div class="dexp-grid-item col-lg-12 col-md-4 col-sm-6 col-xs-12"> I'm not sure why this is done but it only seems to happen on the first (-lg-) one... How can I fix that?