# Make section full width

**URL:** <https://community.shopify.com/t/make-section-full-width/338542>\
**Category:** Store Design\
**Tags:** design, customizations, collection-page, landing-page, css, third-party-themes, shopify-themes\
**Created:** [July 10, 2024, 8:58pm UTC](https://community.shopify.com/t/make-section-full-width/338542 "2024-07-10T20:58:12Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

A user seeks to make a specific page section full width on both desktop and mobile, while also eliminating white spacing between images on mobile.

**Solution Provided:**
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate the `theme.liquid` file
- Insert custom CSS code above the `</head>` tag

The responder provided specific CSS code (though garbled in the conversation text) and included a screenshot showing the expected result. The solution appears to address both the full-width requirement and mobile spacing issue through theme customization.

<div class="post-metadata">

**Author:** ![Luxurymrkt](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/luxurymrkt/32/214568_2.png) [@Luxurymrkt](https://community.shopify.com/u/Luxurymrkt)\
**Post date:** [July 10, 2024, 8:58pm UTC](https://community.shopify.com/t/make-section-full-width/338542/1 "2024-07-10T20:58:12Z")

</div>

Hi I want to make this section full width on both mobile and desktop

also no white spacing between images on mobile

[https://luxurymrkt.com/pages/membersonly](https://luxurymrkt.com/pages/membersonly)

 ![5BC28889-7D52-404B-A2D3-08943CFF556B.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/4/c41e577cb67a16d3dd666d108958ac4213579de2.jpeg)

---

<div class="post-metadata">

**Author:** ![BSSCommerce-HDL](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/bsscommerce-hdl/32/9840_2.png) [@BSSCommerce-HDL](https://community.shopify.com/u/BSSCommerce-HDL)\
**Post date:** [July 10, 2024, 11:08pm UTC](https://community.shopify.com/t/make-section-full-width/338542/2 "2024-07-10T23:08:40Z")

</div>

Hi @Luxurymrkt ,

Step 1: Go to Shopify Admin → Online Store -\>Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

```markup

```

Here is result:

 ![BSSCommerceHDL_0-1720652908108.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/0/102d47d9eeda35addd947f698efc275d0e2fcab7.png)

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍