-
Posts
-
Hello,
Currently I can’t deal with the following issue:
I made a color section (let’s call it #MySection) and I want simply to put an image inside. Also I want my users to experience the whole image within their browser windows without messing up the image ratio and stay completely responsive.
1. Enfold Theme does fit the image by browser width – OK!
2. Enfold Theme does not fit the image by browser height – NOT OK!
The problem occurs when I upload square or portrait orientated image. Then the theme fits the image by browser width, but you have to scroll down to view the hole image.
I suppose the image should be fitted (scaled) both by width and height whether the browser width or height is smaller.Is there any way to fix this issue?
Thank You
Hey Georgi!
If you scale both the width and height then the image may start to lose quality and display blurry. The common practice for this is to set the width to a percentage and the height to auto so quality is preserved. Go ahead and send us a link so we can get a better idea of the problem. You can mark your reply as private if you wish.
Best regards,
ElliottHi!
Thanks for the link I see what you mean now. The width is not being set to 100% on your second image in the color section for some reason. Try adding this to your custom CSS,
.container .avia-image { width: 100% !important; }
@El_Chapo, We will continue in your other topic.Best regards,
Elliott
- You must be logged in to reply to this topic.