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.
1

Hi,

I am using the ‘Sense theme’. I would appreciate if anyone could let me know if it’s possible to make the whole website full width. So at the moment there is a lot of space from right to left example below.

Printatme_0-1710150403695.png
Printatme_0-1710150403695.png1756×903 340 KB

I would like it for both desktop and mobile version to work, to be more like the example below.

Printatme_1-1710150476577.png
Printatme_1-1710150476577.png1904×927 211 KB

My website is printreality.co.uk

Thanks

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
3

Hello @Printatme

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.page-width{ margin: unset !important; padding: unset !important; max-width: 100% !important; }

techlyser_web_0-1710151655278.png
techlyser_web_0-1710151655278.png1310×408 199 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
4

Hello @Printatme ,

Kindly add the below mentioned code at the bottom of your base.css file for utilizing full width and removing unnecessary space.

.page-width {
max-width: 100% !important;
}

Output =>

Anshul_arora_0-1710158302329.png
Anshul_arora_0-1710158302329.png1599×796 307 KB

I hope this helps.

Please share if you have any query.

Thank you.

1 Like
5

@Anshul_arora @niraj_patel @Moeed thank you all for your kind replies and help. All 3 codes work in filling the page further.

However I have come across some further enquiries. Please see image below;

Printatme_0-1710244564241.png
Printatme_0-1710244564241.png1919×884 435 KB

The main questions are if you could help me centre the text again as it’s thrown it off for some elements and the page width on my product pages is more to the left than to the right and not everything is full width either?

It would be very kind if you could help with a solution to this.

Thank you.