Fixing broken responsive images on Shopify

So you just setup your theme. You add an “image with text” section or any other section that is supposed to show an image, but when you take a look on mobile the edges are being cut off.

If you are going through this right now worry not, I’ll teach you a way to permanently fix this issue.

Downloading the section file

There are two options:
Download the free version clicking here.
Download the pro version clicking here.

The differences between the two are (options below can be fully customized and turn on/off at the customize page):

Features ProFree
Responsive image✔️✔️
Optional responsive image for
mobile devices
Clickable (redirect to another url)✔️
Open link on same page✔️
Open link on another tab✔️
Control top spacing✔️
Control bottom spacing✔️
Frequent updates✔️
Bug fixes✔️
Constantly maintained ✔️
New features based on user feedback✔️

The installation process

  1. In your Shopify admin, go to Online Store > Themes Actions Edit Code.
  2. Under sections click on “Add a new section”.
  3. Write the following: ezfy-responsive-banner.
  4. Click on the button create section.
  5. Inside this new file, delete everything in it.
  6. Copy the code that you have downloaded, either the free or pro version, paste it in and save.

Adding it to your website via the customize panel

  1. Click on customize theme at the top of the page.
  2. Find the option add section. You may need to scroll down if you have a lot of sections.
  3. Look for custom by EZFY. You’ll now see your section there. Click on it to add it to your theme.
  4. Now just customize it as per your wish and click on save once you’re done!

Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.

In need of a Shopify developer?

Feel free to reach out, we'll work together to find a custom solution that attend your needs.

Request a free quote

Contact Us

Contact us to learn more about how we can help grow your business. No strings attached.

Send us an e-mail and we'll get back to you within 24 hours! Before you click on "send message" please make sure to do the ReCaptcha so your e-mail can be sent safely. 🙂

Someone in country recently purchased:
Product Name