Grid Theme - Default page template full width

Solved
GIBSON
New Member
3 0 0

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!

Accepted Solution (1)

Accepted Solutions
collinsmbaka
Shopify Partner
220 26 95

This is an accepted solution.

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!

Collins Mbaka
Web Developer | Shopify Developer
Hire Me: collinsmbaka.com/contact

View solution in original post

Replies 2 (2)
collinsmbaka
Shopify Partner
220 26 95

This is an accepted solution.

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!

Collins Mbaka
Web Developer | Shopify Developer
Hire Me: collinsmbaka.com/contact
GIBSON
New Member
3 0 0

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

 

But thanks again!