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.


If your Image with text section appears cropped in mobile landscape view, adjust the CSS in your theme settings to fix it.

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 Image with Text section on different mobile devices to confirm it displays correctly.

Preview your store in mobile landscape mode to confirm the Image with Text section displays correctly before publishing.

Did this answer your question?