Debut Theme Collection page has empty spaces on some rows

[jimidix76]

Hi,

Im using Debut theme and noticed that if i view a collection, some rows are missing images.  Well, i dont think the image is missing, but where the image for the product is supposed to go nothing is there.  why is there this blank space?

Ive no idea why and no idea how to fix it. any help would be appreciated.

thankyou

[OTM]

Hi, @jimidix76 ,

This is Evita from On The Map.

There's something wrong with paddings or margins, you will need to add CSS code to fix this, can you add your store URL?

Best,
Evita

[jimidix76]

https://iloveahangar.com

[Jasoliya]

Hi @jimidix76 

Its becaseu of you have to set clear after 4th product grid:

Add this css in Asset->theme.scss file:

#Collection .grid--uniform .medium-up--one-quarter:nth-child(4n+1){    clear: both;  }

Note: this css base on debut theme so if cant work share your url. 

[jimidix76]

thankyou for the suggestion - its been working fine since i started the store (3 months ago) but for some reason this just started.  Seems weird that given that i havent changed any code, I have to add some code to correct it.  What has changed to do this?

[Jasoliya]

Add this in Asset->theme.scss file at bottom:

#Collection .grid > :nth-child(10){clear: both; }

Thats because of you have added bold app and app made his script between your grid.

[jimidix76]

thanks again.  I can find the file i need to edit but no idea where this new code is to go. I tried to search the code for #Collection and found nothing.  Bit of a rookie here.  can you please point me to the location in the Asset => theme.css i need to go? is there a line number?

[OTM]

1. Go to Online Store->Theme->Edit code

2. Find folder Asset.

3. Click on file theme.scss and scroll down to the bottom of the code.

4. Paste the code at the bottom. 

[Jasoliya]

Yes just follow as OTM send instruction and i also sent same and paste my given code at end of page.

#Collection .grid > :nth-child(10){clear: both; }

[jimidix76]

HI,

so i pasted the code at the bottom of page and saved.  Doesnt seem to have had any effect :(