Bug image resolution overlay
-
Hello,
We are having an issue on our website and we don't know how to fix it.
Site : http://nwb-studio.com/We would like to upload images with a better resolution for overlay pictures on the homepage. It works fine with standard desktop screen but it seems low res on retina devices.
Do you have any advice for us :) ?
Best,
Ben
-
-
Hi Marius,
Thx for your quick feedback :)
Please find below the code :
a.cahiercentral:hover:after {
content: url(http://nwb-studio.com/wp-content/uploads/2019/04/Logo-3D-Rotation.gif);
display: block;
}I can't find the way to enclose the images inside a block with defined dimensions, so I created every image with the same height to make it look like I did. Thus I can't get images two times bigger like I'd normally do for retina screens, because they won't be resized by any block and would be way too big.
Thx !
-
Dear @Ben
do you know this?
https://www.w3schools.com/css/css3_object-fit.asp
Best!Marius
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it