Service Box disorder

Hi @sebas674,

Looking at the page (which is nice by the way) I cannot work out what’s wrong. Can you describe what isn’t quite right, and how you’d like it?

Hi,
thank you for getting back to me so fast and the compliment. The problem we’d like to fix is located on the page linked. When scrolling down you see -on desktops- that the order of the single items is not in correct order beginning in the third row. Hopefully that’s the right vocabulary:-)

1. row – 3 items
2. row – 3 items
3. row – 1 item (Here’s seems to be something wrong)
4. row – 3 items
5. row – 2 items

Thanks
Sebas

Hi @sebas674,

Looks like you have an error in your CSS, in terms of the nth-child.

SOmething like this should work (for the case where you want 3 items per row.

@media screen and (min-width: 1260px) {
  ul li.widget_dorayaki_service:nth-child(3n+1) {
    clear: both;
  }
}

I cannot say that this will def work, but it’s this area of the CSS that needs to be looked at.

Please let me know how you get on.
Ta, Todd

Hi @toddhalfpenny,

you nailed it and you’re code made us happy! So thank you very much for helping out. I appreciate a lot ??

Again thank you!
Sebas

Great to hear @sebas674, nice one, thanks for giving an update.

Oh, and if you like the plugin, and support, then a nice 5* review would be gratefully received ??