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)
height: 400px !important;
Please share your website URL and we will check for the possible solutions.
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?
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.
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.
You must be logged in to reply to this topic.