<![CDATA[How to fix a hover image to a position when rescaling browser]]>Hi,

I have some hover images that i moved to the left of my site but when i rescale the browser the images are not fixed to it's "natural" position. I will attach a video link to show it.

https://youtu.be/w4pWg73ejwc

The CSS looks like this:

.lay-imagehover-region img{
margin-left:-24.5vw;
margin-top:4vh;
width: 48% !important;
height: auto !important;
position: absolute;
}
The link of the site is: www.juliaesque.com

I will really appreciate a response, thanks.

]]>https://laythemeforum.com/topic/7381/how-to-fix-a-hover-image-to-a-position-when-rescaling-browserRSS for NodeWed, 19 Aug 2026 08:47:03 GMTThu, 18 Nov 2021 11:10:45 GMT60<![CDATA[Reply to How to fix a hover image to a position when rescaling browser on Sun, 13 Mar 2022 22:09:10 GMT]]>Thank you for adding your solution @gschill !! ⭐️

]]>https://laythemeforum.com/post/28797https://laythemeforum.com/post/28797Sun, 13 Mar 2022 22:09:10 GMT<![CDATA[Reply to How to fix a hover image to a position when rescaling browser on Fri, 11 Mar 2022 10:34:07 GMT]]>Hi,
I found a solution, that was working for me.
Maybe it helps someone … (and maybe the code has to be improved … sorry I am not a professional …)

.lay-imagehover-region img {
position: absolute;
width: 35% !important;
height: auto !important;
top:0 !important;
padding-top: 1.5%;
margin-left: 27.5vw;
vertical-align: top !important;
transform: translateY(-50%) !important;
transform: translateX(-50%) !important;
}

]]>https://laythemeforum.com/post/28781https://laythemeforum.com/post/28781Fri, 11 Mar 2022 10:34:07 GMT<![CDATA[Reply to How to fix a hover image to a position when rescaling browser on Thu, 10 Mar 2022 13:42:40 GMT]]>Hi,
have you found a solution for this problem?
Would be great, if you could share it.

Thank you very much

]]>https://laythemeforum.com/post/28773https://laythemeforum.com/post/28773Thu, 10 Mar 2022 13:42:40 GMT