Support » Theme: Customizr » full width page template

  • I am using Classical version of theme and am attempting to create a page template which allows me to select only certain pages to show full width.

    I created a new page in child theme “full-width.php” and copied necessary code from custom-page.php

    I cut out the calls for the sidebars in this new template.

    To have full-width applied to a page, I select the custom page template in the template selection area (when creating new page).

    I also have this css in child theme style.css:

    @media (min-width: 768px) {
    .page-template-full-width-php #main-wrapper {
    	width: 100%;
    	overflow-x: hidden;
    	}
    .page-template-full-width-php #main-wrapper .breadcrumbs {
    	margin-left: 10px;
    	}
    .page-template-full-width-php .container {
    	width: 100%;
    	}
    .page-template-full-width-php #content {
    	width: 99%;
    	margin: 0 auto;
    	display: inline-block;
    	}
    .page-template-full-width-php .row {
    	margin-left: 0;
    	margin-right: -30px;
    	}
    .page-template-full-width-php {
    	overflow-x: hidden;}
    }

    I also have some other css for centering titles and content on page, and some other css for creating full-width title bars.

    It works for the most part, except around certain widths (around tablet size), the right margin goes off of the page. You can see an example here:

    https://www.lifeleap.org/psychic-project/

    Does anyone have a better working version of full-page template or have any suggestions on how to improve what I have so far?

    Thanks for any suggestions.

    • This topic was modified 7 months, 1 week ago by  andrew55.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • andrew55

    (@andrew55)

    Full width pages are hot!

    Does anyone have any ideas on the best method to create a full-width template for Customizr, or even a link to good tutorial?

    Been searching for days with no luck.

Viewing 1 replies (of 1 total)
  • The topic ‘full width page template’ is closed to new replies.