Hi,
I’d like to make this section and ones below it full width. my site is https://revluxworld.com
Topic 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.liquidfile - Insert custom CSS code above the
</head>tag
Solution 2 (KetanKumar):
- Access: Online Store → Theme → Edit code
- Open
base.cssfile in Assets folder - Add CSS targeting
.template-indexclasses 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.
2 Likes
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:
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 
@Luxurymrkt yes please try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
.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;}
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file theme.liquid
Step 3. Add this code before tag
Result:
