Skip to main content

How to Adjust 'Image with Text' for Proper Display in Mobile Landscape View

How to adjust 'Image with Text' for proper display in mobile landscape view.

Updated over 2 weeks ago


Is your "Image with text" section appearing cropped in mobile landscape view? No worries, this quick fix will have it looking clean and professional in no time!


Steps to resolve this issue:

  • Go to Online Store → Themes, click Customize on your live theme.


  • Switch preview to Mobile and from the left-side bar menu, click each Image with text section.

  • Locate Custom CSS section and under Add custom styles to this section only, add or modify the following CSS rule: img { object-fit: contain; }

  • Click Save and verify changes.

NOTE: ​Once you've made the changes, check the drawer on different mobile devices to confirm that it appears and functions correctly.

If you encounter any further questions or need assistance, feel free to contact our support team by submitting a request through the in-app messenger or email us at [email protected].

Did this answer your question?