I’ve tried adding code to the liquid and base to allow the image with text to be fullwidth, however I’m not having any luck whatsoever.
Currently using the crave theme, if anyone could help that would be amazing!
Topic summary
Goal: Make the “Image with text” section span the full browser width on a Shopify Crave theme.
Progress and attempts:
- The store link and password were shared so the helper could review.
- Initial guidance: add a custom snippet below the tag in theme.liquid (the main layout file). That change made the text area full width, not the image.
Clarification:
- The requirement was for the image to be full width while keeping the text placement unchanged. A mockup image clarified that the image should cover the entire horizontal area (red box) with text where it already appears.
Resolution:
- A revised code snippet (replacing the previous one) was provided to make the image full width and preserve text positioning. The requester confirmed it works as needed.
Notes:
- Screenshots and the mockup were essential to align on the exact layout.
- Specific code is referenced but not visible in the transcript (shown as “markup” blocks to insert/replace in theme.liquid).
Status: Resolved; no further action requested.
Hey @MattD123 ,
Can you share the link to your store please? Thanks!
Hi
Thanks for getting back quickly.
Here’s the link - https://73d54c.myshopify.com/
Password is Buoy135
Hey @MattD123 ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
1 Like
Thank you. I’ve done the following (shown in the screenshot below), however still no luck. The content isn’t going full width. Am I missing something within the settings?
Is this this you want?
Maybe I misunderstood, at first I thought you wanted just the text to be full width.
Then you should remove the previous code and add this instead
1 Like
Yes, that’s what I need. However, I’d like for the image to be the full width, in the photo you sent above it’s not at its full width?
Ok, where should the text go if the image is occupying all the width? It’s better if you can provide a mockup if possible.
Sorry I think I made it more confusing haha. I’ve attached the mockup. Does that make sense?
Text is fine where it is, just the image needs to cover the red box area also.
Oh!
Just replace the code with this then
2 Likes
Thank you so much! That’s bang on what I needed 