How can I adjust the max size of my website using the Empire theme?

Store Design
, ,

Topic summary

  • Issue: Using the Empire theme, the site’s Layout settings cap the maximum width at 1600px. The goal is full-screen width on large monitors. The user searched theme.css.liquid but couldn’t find how to change it and asked if this can be done within Shopify’s editor or requires a custom build.

  • Context: The site URL (tabletopterrain.com) was shared for review.

  • Proposed fix: A responder advised adding CSS in theme.css targeting a specific section ID to set padding-left and padding-right to 0: “#shopify-section-template–… { padding-left: 0 !important; padding-right: 0 !important; }”. A screenshot was provided.

  • Outcome: The change had no effect. The user suspects the template might be locking sections to a specific size and requested further guidance.

  • Status: No solution confirmed. Key open question: how to override Empire’s maximum width/container constraints to achieve true full-width on large displays using the existing theme and editor.

Summarized with AI on January 17. AI used: gpt-5.
1

Hey there! I’m using the Empire theme to style my website, but I’m running into an issue and I don’t know if it’s with Empire or Shopify. Inside the Layout settings, I can’t scale the max size of the site beyond 1600px. I’ve tried hunting inside the theme.css.liquid but with no luck.

Is there a way anyone knows of bumping this up? I’d like the site to be full-screen width on larger monitors. Is this something I can do while using Shopify’s editor and a store-bought theme, or will I just need to make a site from scratch if I want that kind of scaling?

2

Hi,

Can you share your website URL please

1 Like
3

Yep! http://tabletopterrain.com

4

Hi again,

  1. Go to online store
  2. Edit Code
  3. Open your theme.css file
  4. Paste the following code:

#shopify-section-template–16232341897443__a132b7cb-fbea-44ce-8e7e-3e83d32fd4a2 {padding-left: 0px !important; padding-right: 0px !important;}

  1. Save.

Let me know if it work by marking it as a solution.

NatashaSaed_0-1695937568865.png
NatashaSaed_0-1695937568865.png1892×821 325 KB

1 Like
5

Nope, no change. I’m wondering if there’s an aspect of the template that’s “locking” all of the sections in said template to a specific size. Thoughts?