Hello I need help with making my image with text Image into a 1:1 like shrine pros theme the current Shopify image with text is 16:9 for mobile but I want it to be 1:1 for mobile could someone tell me where I can change the format or how please? Thanks for any help!

Hi @Mo1ehb , Please go to component-image-with-text.css file and change all code: .image-with-text .grid { margin-bottom: 0; } .image-with-text .grid__item { position: relative; } @media screen and (min-width: 750px) { .image-with-text__grid--reverse { flex-direction: row-reverse; } …

Hello @Mo1ehb Our team is ready to help you. Please share your website address and access password (if necessary) so that we can check and assist you.

Hi @Mo1ehb , Please send me the store link, I will check it for you

Hi @Mo1ehb , I tested and it shows fine, can you send me a screenshot of the broken section? I will check it.

Hey man It’s not a broken section I don’t have shrine pro but I want to have my images be a 1:1 like it but obviously I have to code it in so I wanted help on how I can

Hi @Mo1ehb , I checked and the image is showing 1:1, can you send me the section name or where you want to change?

My bad I should be specific so Basically on mobile On product page check out one of the products on mobile when it stacks on mobile is shoes 16:9 instead of 1:1 am on Ride theme

Hi @Mo1ehb , Please go to Actions > Edit code > Assets > component-image-with-text.css file and paste this at the bottom of the file: .image-with-text__media--small { height: 0 !important; min-height: auto; padding-bottom: 100%; }

It worked for Desktop which is good but For mobile it didn’t change as far as I can see so the only change was desktop and not on mobile which is what’s intended

How do I make image with text Image 1:1 for mobile Instead of 16:9?

Store Design

namphan August 16, 2024, 3:11pm 12

Hi @Mo1ehb ,

Please move the code out } it will work fine:

Topic		Replies	Views
How can I adjust the image to text ratio in the Dawn theme? Store Design	17	262	May 26, 2023
Image with text with image taking 1/3 of the width and text 2/3 + same mobile display \| Broadcast t Store Design	3	36	November 18, 2021
How to force the image size to be fixed in Image With Text section (Refresh Theme) Store Design	27	327	March 15, 2024
Image shape with text section Store Design design , customizations , troubleshooting	5	69	May 9, 2024
How to fix image with text in mobile view Store Design customizations , shopify-themes	2	53	April 24, 2023

How do I make image with text Image 1:1 for mobile Instead of 16:9?

Related topics