Hello, can someone help me with making my image with text columns showing in one row on Dekstop and showing in 2 rows on Mobile. Thank you!
Topic summary
Request to make an “Image with text” section in the Impulse Shopify theme display four columns in a single row on desktop and two rows on mobile (likely a 2x2 layout). A storefront preview link and two screenshots were shared to illustrate the current layout issue.
Follow-up sought the exact location of the section in the theme. The requester believes image dimensions may be causing the problem and plans to test by changing image sizes.
A proposed fix advised adding custom code via Online Store → Theme → Edit code → theme.liquid (the theme’s main layout file) and pasting code at the bottom. However, the posted code snippet is missing/blank, so the concrete implementation details are not available in the thread.
Latest status and next steps:
- Adjust image sizes to see if layout improves.
- Clarify the section’s placement in the theme for targeted changes.
- Obtain the actual CSS/markup needed for a responsive 4-col desktop / 2-row mobile grid (the shared snippet is incomplete).
No confirmation of a working solution yet; discussion remains open.
Where that section is added?
Here but I think it’s because of the image size I will change them and see if it’s gonna work
Hi @YordanB ,
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
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly