Mobile view related products problem

Hi ufo,

Could you let us know what browser you are using (it looks like you’re on an iPhone)? We checked using Safari on an iPhone and the related products are styled and aligned correctly, with two per row.

I also noticed that some of the products in your related products section are not displaying images. Is this because you haven’t specified images for these products?

Thank you

Hi

Screenshot is taken with iphone safari, and same problem with ipad safari. yes some product pictures are not set yet.

Hi ufo,

We haven’t been able to recreate the issue on any device with any browser. That being said, the issue looks like it may have something to do with the “top” and “left” values associated with the “.upcp-minimal-img” CSS class.

If you put the following in the “Custom CSS” box for your catalog, does it fix the issue on mobile?

.upcp-minimal-img {
top: 0;
left: 0;
}

Please note that this will affect the layout on all devices, so you may need to add the appropriate media query to have it only affect iPhones.

Hello,

Yes this fix in mobile view but now in browser images are out of place

EDIT: Added to catalogue-style-mobile.css and now it seems to be okay.

Hi ufo,

One thing to keep in mind is that any changes you make to the core plugin files, like this, will be overwritten if and when you update the plugin.