Hi everyone.
I have this annoying issue with a hover overlay. On my home page I have the hover overlay set up perfectly. When you hover over the image the overlay comes up and covers 100% of the height and width.
This is how I have it set up:
But when I try and do the same thing on another page, 100% width seems to extend past the boundary of the div block:
Look through the overlay and You can see that it runs past the edge of the image.
I have bodged it for now but it’s not right. you can see that the overlay is just slightly too small or in some cases slightly too big.
This is how I have it set up:
I just want the overlay to cover the image like I have on the home screen.
Thanks,
Steve
Here is my site Read-Only: https://preview.webflow.com/preview/wozzatestbed?preview=7293b152402f5476358d3a077f301d36