Hi, does anyone know how I can add padding between the image and text for the image with text component, for the mobile view? Also how can I add padding between the shop all button and the bottom of the container? Thank you.
Topic summary
Main issue: add more space on mobile between the image and text in Shopify’s “Image with text” section, and add padding below the “Shop all” button.
Key steps provided: the helper asked for the store URL, then instructed to edit theme.liquid (the main theme layout file) via Online Store → Edit code.
Implementation: insert a provided code snippet before the closing tag in theme.liquid to adjust mobile spacing. Exact code isn’t displayed in the thread text, but it was shared by the helper.
Outcome: the store owner confirmed the fix worked well after applying the snippet. A result screenshot was shared to show the increased spacing on mobile.
Notes: screenshots are central to visualizing the change (before/after on mobile). The thread doesn’t include the literal CSS content in the text.
Status: resolved. No remaining questions or disagreements; user invited to reach out for further help.
Hey @maisongreen_03
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Here’s my store URL: https://maisonmidori.com/
No password needed, thanks.
Hey @maisongreen_03
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
This worked well, thank you very much!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.