I’m creating an ecommerce site and utilizing the Masonry element to display products, currently the element is set to display Flexible Masonry, however this is causing issues as when you hover on the image the secondary image is shown at a different aspect ratio, so the original image is also visible.
Is there a way I can make the second element cover the original images size? This is an issue as the title doesn’t move, so it is sometimes at the bottom of the image rather than centered.
Thank you for using Enfold.
Please provide the actual link to the page instead of the preview url. Or post the login details here so that we inspect the issue.
Sorry, I did not realize I posted the preview link. Please see the page here: http://katzmodern.haydendawkins.com/products-cat/furniture/
To be specific, you are looking at the 1st column, 3rd row item, American Solid Wood End Tables.
When you hover over the item, you will see the next image appear however the first image is still visible. Even if you were to hide the first image, the overlay will still be too large.
You must be logged in to reply to this topic.