Solved

Image with text assistance please! (Dawn theme)

Popcorn
Explorer
104 0 13

Hi! I need help with setting my image image ratio in my image with text section for mobile view. I wanted to set the image size to be 3:4 since it looks cropped when viewing this section in mobile. Here’s a pic as reference. Any help would be appreciated! 🙂 

EF9E9451-8B80-45C1-B1E8-F4D25573FF52.jpeg

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4302 975 1629

This is an accepted solution.

Hi @Popcorn ,

 

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-image-with-text.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .image-with-text .image-with-text__media--small {
        padding-top: 130%;
    }
}

I hope it would help you
Best regards,

Richard | 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 2 (2)

PageFly-Richard
Shopify Partner
4302 975 1629

This is an accepted solution.

Hi @Popcorn ,

 

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-image-with-text.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .image-with-text .image-with-text__media--small {
        padding-top: 130%;
    }
}

I hope it would help you
Best regards,

Richard | 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.

Popcorn
Explorer
104 0 13

The code worked! Thank you very much for helping me 🙂