New Page Template with Wider Contents Container

Solved
Andrew-Alcott
Tourist
5 1 2

Hi there, 

I'm looking to add product selection tables to my website  to allow customers to navigate much easier. These tables are landscape and with the default page setting as portrait the website automatically adds a scroll bar to view the table. This makes it difficult to use as yo: https://komerco.com.au/pages/grout-selection-table 

I'd like to add a new custom page template where the width of the content container is the same as the header and footer. Can anyone please assist in how to do this? 

Many Thanks 

0 Likes
Andrew-Alcott
Tourist
5 1 2

As an update, I've created a new page template called 'width2'. What I would like to do is to make the content container (ie. the bit between the header & footer) for this the same width as the header & footer. 

Can anyone please advise on how to do this for just this template?

0 Likes
Andrew-Alcott
Tourist
5 1 2

This is an accepted solution.

OK so the solution can be found here for anyone having a similar problem: 

https://community.shopify.com/c/Shopify-Design/DEBUT-THEME-Full-width-pages/td-p/607855

The solution is midway down the page by Trappist and hasn't been 'ticked' as solved. 

In the newly created page template, change the div class to: 

<div class="page-width2">

 

then in theme.scss paste the following: 

.page-width2 {
    padding-left: 0!important;
    padding-right: 0!important;
    max-width: 100%!important;
}
0 Likes