Hello experts!
I have a section in one of my shops pages that has an image in a text column. The issue that I’m having is when it’s in mobile, the image doesn’t stay fixed causing the user to scroll to the right in order to view the full image.
Is there a way to ensure that regardless of the device the image stays fluid and viewable in whatever device they are using? I’ve created the image as 1:1 dimension.
https://copper-88-2022.myshopify.com/pages/the-science
Theme: motion
Pass: Meashi
Regular view, you can see the image is cut off:
Scrolled to the right to view the rest of the image
Thank you!!
1 Like
Hello @sincerelyjoie ,
It’s GemPages support team and glad to support you today.
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
1 Like
Thank you so much this worked perfect.
Hello,
Is it possible to do the same for collection images? I am working in Craft theme. The image I have on desktop does not remain fixed in mobile view. Thank you
