Home>Support>Full Width Page Template Not Full Width – Vantage Premium

Full Width Page Template Not Full Width – Vantage Premium

By Rhys Woodfield, 9 years ago. Last reply by Rhys Woodfield, 9 years ago.

Hi there,

Firstly – love the themes and the plugins. I am a vantage premium buyer and I’m very happy with the theme :-)

I have a challenge I need help with. I have created a new full width page custom template in order to remove the masthead menu/logo and the footer section.

I have copied the PHP from the existing ‘full width no title’ into my custom page template in my child theme (full-page-no-head.php). I have created a new header (header-nonav.php) and footer (footer-nonav.php) to remove the logo/menu and footer.

The issue is that the page template is not full width, and is displaying as if there was a sidebar but the area is empty. See http://stage.websitescantik.com/events/hr-exchange-june-8th/

I was hoping you could let me know what PHP changes or CSS changes/additions I need to make in order to make the page full width.

Thanks in advance

p.s. I know CSS is best for hiding the menu/footer on specific pages, however for this website they need to be hidden across multiple pages which is why I created a custom page template.

URL: http://stage.websitescantik.com/events/hr-exchange-june-8th/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Rhys

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .page-template-page-full-no-head-php #primary {
    width: auto;
    float: none;
}

    Let us know how you get on

    Magus

  2. 9 years, 3 months ago Rhys Woodfield

    Awesome, thanks Magnus – this is just what I needed and it looks great now :-)

    One other question I had was whether the page template I set up looks ok- I wanted to make sure I haven’t removed anything important from the header/footer – would this be something you could help with?

    The codes are here, they are placed in my child theme folder.

    Header

    <?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package vantage
 * @since vantage 1.0
 * @license GPL 2.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta http-equiv="X-UA-Compatible" content="IE=10" />
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<?php do_action('vantage_before_page_wrapper') ?>

<div id="page-wrapper">

	<?php vantage_render_slider() ?>

	<?php do_action( 'vantage_before_main_container' ); ?>

	<div id="main" class="site-main">
		<div class="full-container">
			<?php do_action( 'vantage_main_top' ); ?>

    Footer

     			<?php do_action( 'vantage_main_bottom' ); ?>
		</div><!-- .full-container -->
	</div><!-- #main .site-main -->

	<?php do_action( 'vantage_after_main_container' ); ?>

	<?php do_action( 'vantage_before_footer' ); ?>

	<?php do_action( 'vantage_after_footer' ); ?>

</div><!-- #page-wrapper -->

<?php do_action('vantage_after_page_wrapper') ?>

<?php wp_footer(); ?>

</body>
</html>

    Page

     <?php
/**
 * This template displays full width pages without a page title and no header
 *
 * @package vantage
 * @since vantage 1.0
 * @license GPL 2.0
 * 
 * Template Name: Full Width Page, No Title, No Head
 */

get_header('nonav'); ?>

	<div id="primary" class="content-area" >
		<div id="content"  class="site-content" role="main">

			<?php while ( have_posts() ) : the_post(); ?>

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

					<div class="entry-main">

						<?php do_action('vantage_entry_main_top') ?>

						<div class="entry-content">
							<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'vantage' ) ); ?>
							<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'vantage' ), 'after' => '</div>' ) ); ?>
						</div><!-- .entry-content -->

						<?php do_action('vantage_entry_main_bottom') ?>

					</div>

				</article><!-- #post-<?php the_ID(); ?> -->

				<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
					<?php comments_template( '', true ); ?>
				<?php endif; ?>

			<?php endwhile; // end of the loop. ?>

		</div><!-- #content .site-content -->
	</div><!-- #primary .content-area -->

<?php get_footer('nonav'); ?>
  3. 9 years, 3 months ago Rhys Woodfield

    *Magus – apologies for the typo

  4. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Rhys

    There has been nothing removed which would negatively impact the theme or it’s CSS. As long as you have named the header and footer files header-nonav.php and footer-novav.php then you should be fine.

    Magus

  5. 9 years, 3 months ago Rhys Woodfield

    Thanks Magus!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More