Card element graphic cut off in mobile

Hello! I am using the Card Element with a graphic on the front but when viewed in mobile, the graphic is cut off. Is there a way to adjust that or make that image responsive?
I have attached a copy of the desktop view and the cropped mobile view.


I am using the standard X-Theme
Appreciate your help!

Hello @ccwadsworth,
Thanks for writing to us.
Sometimes the only screenshot does not help us to diagnose the error, to get into the issue we need to examine the exact page URL.

In case you haven’t checked the doc about Card Element, please check it here https://theme.co/docs/card.

Thanks

Thank you for your response. Here is the url:

Hello @ccwadsworth,
I take a close look on the site and found that you added the image as a background image on the Front content area. As the image added as background image you need to adjust the image on all devices.
The right approach to add the image Primary Graphic Image area. Then the image shows properly on all devices.

Here are some screenshots.


Thanks

Ahhh! Brilliant! Thank you very much, I appreciate your help!

Hello @ccwadsworth,
Glad to know that we are able to help you
Thanks for connecting
Have a great day!
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.