Space issue

Try this in your custom css:

@media only screen and (min-width: 768px) {
ul.products li.product:nth-child(2n) {
  margin-right: 3.8%;
}

If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://www.ads-software.com/plugins/simple-custom-css/

Hi @Iorro,
Thanks a lot. I tried it, but there seems to be an error in your code. Could you please check it and correct it?
Cheers!

Oops..

@media only screen and (min-width: 768px) {
ul.products li.product:nth-child(2n) {
  margin-right: 3.8%;
}
}

Awesome! I’ve never seen this kind of code with double brackets, but it works. Thank you so much!

This format means the wider margin will only work on screens of 768px and wider. For narrower screens, the columns drop to 2, so the 0 right margin will kick in.