Collection page/section layout error - one product in first line

[niko9898]

Hi guys. For some reason our collection pages are showing one product in the first line, then only showing the rest of the products beneath it.

You can see the error here: https://leovahealth.co.za/collections/all

[dmwwebartisan]

@niko9898

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

#Collection .grid__item {clear: inherit !important;}

Thanks!

[Kinjaldavra]

hello @niko9898

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#Collection .grid {
             display:flex !important;
             flex-wrap:wrap;
}

[niko9898]

Perfect thank you!