Can the 'Sense theme' be adjusted for full website width?

Store Design
, , ,

Topic summary

A user working with Shopify’s Sense theme seeks to eliminate white space and make their website full-width across desktop and mobile versions.

Solutions Provided:
Three community members offered CSS code snippets to be added either to theme.liquid (before the </body> tag) or base.css. All solutions target the .page-width class with variations of:

  • max-width: 100% !important
  • margin: unset !important
  • padding: unset !important

Current Status:
The original poster confirmed all three code solutions successfully filled more page width. However, new issues emerged:

  • Text alignment appears off-center on some elements
  • Product pages show uneven width distribution (more space on left than right)
  • Not all page elements are achieving full width

The discussion remains open as the user requests additional help to resolve these secondary layout problems.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
2

Hey @Printatme

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1710151567092.png
Moeed_0-1710151567092.png1906×878 311 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like