Image is appearing cropped in a mobile view.
Author: Mandar V.
Visited 743,
Followers 1,
Shared 0
Please visit https://ashokaengineers.in/index.html
in a desktop view and a mobile view.
Image is appearing cropped in a mobile view.
Attached a screenshot for your kind consideration. Please help.
Posted on the
(It > En) ... the two current images on that page are not suitable for the purpose...
... they are now in ratio (15:7)...
... you should have used square images (1:1) or at most in (4:3)...
... if you can't do it with the program options, and if you want to quickly fix it in a second in one of the possible ways with a simple EXTRA code of mine, ...let me know, ...otherwise wait for the experts' opinion...
.
ciao
.
Author
Thanks dear friend KolAsim.
I'll surely try it in your way. But frankly speaking, the ratio you mentioned shouldn't be an obstacle. Because I have often used wider images, for example, https://www.radhanagari.com/ & https://aasthakop.org/ and they appear properly.
Is this the issue of that particular object?
Please let me know.
Thank you once again.
Mandar
... the problem with images is resizing in CSS cover mode, that is, images are resized rationally on the width or height priority, in center/center position, and therefore if the host window is not in a rational congruent relationship with those of the images, the external parts of the images exceeding the host window may be cut off...
ciao
.
ciao, ... now this code of mine, one of many, does nothing but move the image a little bit more to the left...
... you can easily try it, it's harmless...
<style>
@media (max-width: 480px) {
.animable a {background-position:-50px 0 !important}}
@media (max-width: 430px) {
.animable a {background-position:-100px 0 !important}}
/*-K-*/
</style>
.
... you have to paste the code in the Properties of the page, in this section:
>> Step 3 - Map > The 'Page Properties' window > Options in the Expert section | ▪ Custom Code:
> 3rd (third) option > Before closing the HEAD tag
.
ciao
.