Mobile Responsive Image in sections - Barberry Theme

25 0 3


Seeking help on how to make two graphic images to respond when it is displayed on a mobile device. On Desk view, the images are rightly proportioned to the page but in the mobile view, it becomes smaller in size. Need help with a CSS code that can make those images responsive. Below is the URL link to the demo site and some images as a reference to my situation. 


URL Link:

MobileView_Image 1.pngMobileView_Image 2.png

Shopify Partner
7457 1032 2592

Hello, @matthewpineda 

Welcome to the Shopify community!
and Thanks for your Good question.

I have check this issue mobile device too smaller and not proper readable text so in have a suggestion for you use each one element text with an image much butter for your desktop and mobile.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shopify Partner
106 13 15

Hi @matthewpineda,

Please use separate image and text item.

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on