How can I code my page to match the left photo's dimensions?

Topic summary

Goal: replicate the left reference image by making the Shopify page stretch full screen on all devices (remove white space on all sides).

Key steps and proposals:

  • Store URL was shared for review.
  • Initial CSS provided targeted the header/cart icon (invert color, adjust margin) and set the search form’s border radius to 0. These did not address the full‑screen requirement.
  • Another suggestion referenced adding code to theme.liquid, but no actual code was included in the message.
  • Clarification from the requester: they do not want search bar changes; they need the entire page to be full width/height like the left image.
  • Latest actionable fix: CSS to remove page margins — body.gradient { margin: 0; } — to eliminate white space on all sides.

Notes:

  • The attached comparison image is central to understanding the target layout.
  • No confirmation yet that the final CSS resolved the issue; outcome remains open.
Summarized with AI on January 10. AI used: gpt-5.

https://08f3ba-3.myshopify.com/