# make sections full width

**URL:** <https://community.shopify.com/t/make-sections-full-width/361176>\
**Category:** Store Design\
**Tags:** design, customizations, landing-page, css, third-party-themes, shopify-themes\
**Created:** [September 25, 2024, 2:11am UTC](https://community.shopify.com/t/make-sections-full-width/361176 "2024-09-25T02:11:02Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

A user seeks to make homepage sections display at full width on their Shopify store. Three solutions have been provided:

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

**Solution 2 (KetanKumar):**
- Access: Online Store → Theme → Edit code
- Open `base.css` file in Assets folder
- Add CSS targeting `.template-index` classes at bottom of file
- Code adjusts padding, margins, and max-width to 100%

**Solution 3 (BSSCommerce-B2B):**
- Similar approach using `theme.liquid`
- Insert code before `</body>` tag instead
- Includes visual result screenshot

All solutions involve adding custom CSS to override theme width constraints. The discussion remains open—no confirmation yet on which solution the user implemented or whether the issue is resolved.

<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:** [September 25, 2024, 2:11am UTC](https://community.shopify.com/t/make-sections-full-width/361176/1 "2024-09-25T02:11:02Z")

</div>

Hi,

I’d like to make this section and ones below it full width. my site is [https://revluxworld.com](https://revluxworld.com)

 ![Luxurymrkt_0-1727230224825.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/4/e447fe683972ae552671c41c83c3457cfc734bbf.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:** [September 25, 2024, 2:17am UTC](https://community.shopify.com/t/make-sections-full-width/361176/2 "2024-09-25T02:17:59Z")

</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

```

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 😍

---

<div class="post-metadata">

**Author:** ![KetanKumar](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/ketankumar/32/74625_2.png) [@KetanKumar](https://community.shopify.com/u/KetanKumar)\
**Post date:** [September 25, 2024, 2:28am UTC](https://community.shopify.com/t/make-sections-full-width/361176/3 "2024-09-25T02:28:52Z")

</div>

@Luxurymrkt yes please try this code

1. Go to Online Store-\>Theme-\> **Edit code**
2. Asset-\>/ **base.css** -\>paste below code at the bottom of the file.

```css
.template-index .page-width.feature-row-wrapper.feature-row--66 {max-width: 100%;padding: 0;}
.template-index .feature-row {margin: 0;}
.template-index .feature-row__text {padding: 0px 40px;}

```

---

<div class="post-metadata">

**Author:** ![BSSCommerce-B2B](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/bsscommerce-b2b/32/9840_2.png) [@BSSCommerce-B2B](https://community.shopify.com/u/BSSCommerce-B2B)\
**Post date:** [September 25, 2024, 2:37am UTC](https://community.shopify.com/t/make-sections-full-width/361176/4 "2024-09-25T02:37:38Z")

</div>

@Luxurymrkt ,

Step 1. Go to Admin → Online store → Theme \> Edit code

Step 2. Find the file theme.liquid

Step 3. Add this code before tag

```markup

```

Result:

 ![BSSCommerceB2B_0-1727231841711.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/1/d/b/1dbcfac0f68b285257c60b980a995ea0e1f0645f.jpeg)