Images don’t seem to be shrinking as well as they could for mobile when using Visual Composer and setting a background image for a row. Here are a couple of examples of what images look like on mobile for corpuzfamilydentistry.com:
Desktop vs. Mobile:
Photos are sized to 1600×1067. Visual Composer settings:
- Stretch Row
- Row Height: 100%
Is there a fix for this? Is there anything I can do on my end to make more of a photo visible on mobile? Perhaps you can recommend a specific image size. Or is this just an issue that will occur when using photographs regardless and are vs textures/backgrounds?
Can you send over your login credentials so we can check on this further from our end?
The image is a background image, so it is meant to cover the dimension of the row based on height.
This is why the image looked cropped on mobile since the image is trying to cover the height of the row, then clipping the width of the images.
I added a class to the rown then added a CSS to adjust the min-height for the row on smaller mobile devices so that the image will only need to fill that space and there will not be too much portion of the image clipped.
You must be logged in to reply to this topic.