First row doesn't display the right number of products (Simple theme)

Solved
RuneM
New Member
2 0 0

Hi

 

I’m sorry if this has been asked before. I ran some searches on the forum and couldn’t find a thread that quite pertained to my issue, but I might just have missed it.

 

I use the Simple theme and have an issue with multiple pages (front page, Collections and search results), where the first row doesn’t display the right number of products, but the second and following rows do. All rows on the aforementioned pages are supposed to display three products per row. However, the first row only displays one product and the next rows display three products as they’re supposed to.

 

Here’s examples of my problem:

Frontpage: https://danskmaling.dk/

An example of a collection: https://danskmaling.dk/collections/tape

An example of a search: https://danskmaling.dk/search?q=moppe

 

Thank you for your help :)

0 Likes
rbdtechworld
Excursionist
29 6 15

This is an accepted solution.

hi,

follow my simple instructions:

step 1. go edit code 

step 2. open 'theme.scss file'  and copy below code and paste 'theme.scss file'

@media only screen and (min-width: 750px){
.grid--uniform .medium-up--one-half:nth-child(2n+1), .grid--uniform .medium-up--one-third:nth-child(3n+1), .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .grid--uniform .medium-up--two-twelfths:nth-child(6n+1), .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .grid--uniform .medium-up--six-twelfths:nth-child(2n+1){
clear: unset !important;
}
}

step 3. save

 

Thanks & Regards
rbdtechworld

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: developer9it@gmail.com

RuneM
New Member
2 0 0

Wonderful! That solved the issue, thank you so much :)

0 Likes
rbdtechworld
Excursionist
29 6 15

If helpful then please Like my comment.

0 Likes
VanlifeGirl
New Member
3 0 0

Hi, 

I also had a similar problem with the first and last row, not displaying the right number of products. After implementing your solution, the first row is just perfect, but other rows were affected with the same problem. 

You can have a look here at my shop: https://www.vanloving.com/

The Home page and every other collection page are affected.

I would really appreciate your help.

Best!

0 Likes