Grid Theme - Default page template full width

Store Design

Topic summary

Goal: Make the Grid theme’s default page template display at full width on new pages.

What changed:

  • A contributor provided a quick CSS-based approach. In Shopify Admin: Online Store > Themes > Actions > Edit code, then in Assets (theme.scss.liquid or theme.css), add rules targeting “.template-page .page-content” and “.template-page .page-content > :not(.highlight)” to set a max-width of 1260px with !important.

Outcome:

  • The CSS worked for the requester and achieved the desired wider layout.

Open point / clarification needed:

  • The requester asked why a fixed max-width of 1260px was used instead of 100% (true full-width). This question remains unanswered in the thread.

Status:

  • Partially resolved. A working solution is in place, but there’s an open question about using 100% width versus a fixed 1260px max-width (which may affect whether the layout is truly full-bleed).
Summarized with AI on February 28. AI used: gpt-5.
1

Hello -

@KetanKumar may be of help from what I’ve searched through the forums.

But I would like to make the default page template, so when I add a new page and choose the “default” template, it will be full width. I’m not sure where to input the code for this to happen.

I am using grid theme, here is link to an example page. GIBSON ID – Shop At Gibson (shop-at-gibson.myshopify.com)

Thanks for you help!

2

Hi @GIBSON

To make the page template full width;

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file
.template-page .page-content {
	max-width: 1260px !important;
}

.template-page .page-content > :not(.highlight) {
	max-width: 1260px !important;
}

Cheers!

3

@collinsmbaka Wow thanks for the speedy response. That worked! But question, why not input 100% and use 1260px instead? Just curious.

But thanks again!