Mobile Responsive Image in sections - Barberry Theme

Highlighted
Tourist
25 0 3

Hello, 

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: https://i1o29zkoeissot1z-15125894.shopifypreview.com/

MobileView_Image 1.pngMobileView_Image 2.png

0 Likes
Highlighted
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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
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 pankajtechcode@gmail.com
0 Likes