Full width content in all sections [Motion]

Store Design
, , ,

Topic summary

A Shopify store owner using the Motion theme needed to remove unwanted spacing to achieve full-width content across all sections.

Solution Provided:

  • Add custom CSS code to theme.liquid file before the </body> tag
  • The code sets .page-width wrapper to max-width: 100% !important
  • Access via: Online Store → Theme → Edit Code → theme.liquid

Follow-up Request:

  • After initial fix worked, user requested centered text specifically for the ‘text-and-image’ section
  • Additional CSS code was provided to address this specific section

Status: Resolved. The user confirmed the solution worked and expressed appreciation for the help.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

I need help to remove that space.

Store: https://momscloset.myshopify.com/
Pass: w

2

@djawedbhn

Please add below code above in theme.liquid

online store >> edit code >> theme.liquid

.feature-row-wrapper{ max-width:100%!important; }

shreyhweb_1-1680544417971.png
shreyhweb_1-1680544417971.png1898×932 251 KB

3

Hi @djawedbhn ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
4

@PageFly-Victor

tysm it worked, and can you centered the text please !!

5

Only for ‘text-and-image’ section

6

@djawedbhn , You can try this code below:

PageFlyVictor_0-1680545800880.png
PageFlyVictor_0-1680545800880.png1787×655 156 KB

1 Like
7

Apperciate your help :heart: Thank you