How do I create a Full Width Page?

Highlighted
New Member
2 0 0

Hi,

I would like to create a full width page template (remove the sidebar). How can I do this?

Any help is greatly appreciated.

Thanks,
Stephanie

0 Likes
Highlighted
New Member
7 0 0

Depends on your theme, does it come with a full width page template? You can select your template for your page when you edit it at the bottom. Otherwise, you can create a new template or modify your CSS.

0 Likes
Highlighted
Shopify Expert
166 0 41

Check out my Foundation Theme framework. It should be helpful :) It is ready to easily build your template on.

http://foundation-theme.myshopify.com

It's built on the Foundation framework, so is fully responsive (and can easily do full width) http://foundation.zurb.com

Cam

Elkfox - The eCommerce Experts
0 Likes
Highlighted
New Member
2 0 0

Thanks for the responses. I am using the Lingerie theme.

Any idea on how to do the full width on this particular theme?

I did try to create a new template, but I guess I'm not sure how to edit the css to make the sidebar go away.

Thanks,
Stephanie

0 Likes
Highlighted
New Member
7 0 0

If it doesn't come with a full-width template (page.liquid), then you can create one by editing the div #main_content to have the class "span12" and then delete the divs on the right of it.

0 Likes
Highlighted
New Member
1 0 0

I've just managed to do this on my supply theme .

 

Change the width to Auto and your done in your CSS liquid theme

 

.wrapper {
@include clearfix();
max-width: auto;
margin: 0 auto;
padding: 0 $gutter/2;

0 Likes