[haja]

when i am adding a new post in my website, i am inserting couple of images related to my post. those images are visible as expected in desktop but in mobile its getting cropped. the image got cut on both side (right & left).

i have tried some css styling, but did not work it out.

note – earlier i have added below mentioned css snippet with diffrent max-width option for my header properly dispaly on both mobile & desktop.

 

 

@media screen and (max-width: 1280px)

{

.entry-header

{

height: 400px !important;

}

}

[vako]

Hi #haja

 

Please share your website URL and we will check for the possible solutions.

 

Kind Regards

[haja]

This reply has been marked as private.

[haja]

This reply has been marked as private.

[vako]

Hi #haja

 

We checked your website, can’t get the same issue as you described, can you please share the screenshot of the issue to better understand what you mean?

 

Kind Regards

[haja]

Hi,

Thanks for quick response. PFB the images which are taken on both mobile browser and desktop.

in desktop – image cut happen at top (see the difference)
in mobile – image cut happen at both right and left.

https://ibb.co/Qn8bjp7

https://ibb.co/258FrNt

[vako]

Hi #haja,

 

At first sorry for the late reply

The images are cropped automatically by WordPress after upload, the main part of the images should be located in the centre if you cropped the images with ajax maybe it created some image sizes for the responsive screens.

Please share your website URL/Username/Password and we will check. Make sure to mark your reply as Private to hide it from the public.

 

 

 

Kind Regards

[haja]

This reply has been marked as private.

[vako]

Hi Haja,

 

As I mentioned there are no extra cropped sizes, WordPress affects on the media in this way, after low media screen sizes it resizes the images which make affect that it cut off, so it’s important to have the main part of the image in the centre.

 

Kind Regards

[Author]

Posts