I have used TheGem Product Grid on my homepage with a layout of 4 columns and some spacing. It displays correctly on IE but shows only 3 columns on Chrome. I opened the homepage on another laptop (laptop 2) and it was showing correctly even in Chrome.
I figured out this is because of browser zoom level. As long as its set to 80% or less, there is no issue on laptop 1. With anything over 80%, the number of columns in the Products Grid become 3 instead of the set 4 on laptop 1. The Grid, however, continues to display correctly on laptop 2
Hello!
I have used TheGem Product Grid on my homepage with a layout of 4 columns and some spacing. It displays correctly on IE but shows only 3 columns on Chrome. I opened the homepage on another laptop (laptop 2) and it was showing correctly even in Chrome.
I figured out this is because of browser zoom level. As long as its set to 80% or less, there is no issue on laptop 1. With anything over 80%, the number of columns in the Products Grid become 3 instead of the set 4 on laptop 1. The Grid, however, continues to display correctly on laptop 2
Please help. Screenshots attached
Hi,
When you use scale, browser doesn't correctly calculate elements size.Therefore some elements (like product item) can be displayed incorrectly.