[danishayub]

I am facing the same problem, please let me know how to update, an urgent response will be highly appreciated.

[danishayub]

@media only screen and (min-width: 768px) {
ul.products li.product {
width: 16.05%!important;
}
}

I guess: this code in style.css is causing this problem, can you please help me fix it.

[danishayub]

I have tried doing that, but it doesn’t seem to work, I request you to please log into my dashboard and have a look, i will be highly obliged. please

[danishayub]

This reply has been marked as private.

[danishayub]

thanks, really appreciate it, but where do i put this code?

[danishayub]

This reply has been marked as private.

[danishayub]

this has fixed the view at mobile side, but has wrecked it while viewing at computer screen, now the blue box is appearing when mouseover (at computer)

[danishayub]

thanks dear, this problem has been fixed now there is another problem that has popped up, please suggest how to fix this. thanks.

[danishayub]

This reply has been marked as private.

[danishayub]

thank you

[danishayub]

thanks, but i also want six products to appear on the shop page as well, what would be the code for that please. thanks.

[danishayub]

Yes, Thank you, related products section has been fixed exactly the way i like, but it has some how affected the main shop page, how to fix that ; have i messed up something?

[danishayub]

Thank you for the great help, it has resolved the problem upto some extent, i am happy with the image size, but as you can see it is still showing 4 products instead of 6.

p.s: i made a copy of related.php, after editing it uploaded to neighborhood-child/woocommerce/single-product

[danishayub]

Please advise: how can i reduce the image size of related products/ upsells/ cross sells

[danishayub]

This reply has been marked as private.