Solved

Make "Image with text" image smaller on mobile view

olivervestlund
Tourist
13 0 1

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! Mobile.jpgSkjermbilde 2024-02-21 214208.jpg

Accepted Solution (1)

PageFly-Oliver
Astronaut
840 177 158

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
5527 1328 1637

Hi @olivervestlund 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


olivervestlund
Tourist
13 0 1

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
Astronaut
840 177 158

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

olivervestlund
Tourist
13 0 1

This worked, Thank you so much!