Make "Image with text" image smaller on mobile view

[olivervestlund]

Hi, i need to change the size of this image for the mobile view. I want it to be as small as when shown in the desktop view but there is no option for me to change this. Can anyone help me? I have been in many discussions but i have not found any solution. thanks! 

[Made4uo-Ribe]

Hi @olivervestlund 

Would you mind to share your store URL? Thanks!

[olivervestlund]

Hi, sorry Im kind of new to this. This is an unpublished theme. How can I share the url? Do I publish this theme? I have a link for the preview: https://i8qt7omwvxi05e18-77159104851.shopifypreview.com

[PageFly-Oliver · Accepted solution]

Hi @olivervestlund ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
@media(max-width:767px){
#shopify-section-template--20889468338515__image_with_text_wg7Qrk .image-with-text__grid{
transform:scale(.7)
}
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[olivervestlund]

This worked, Thank you so much!