This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Full Width Page Template Not Full Width – Vantage Premium

Resolved 5 replies premiumthemetheme-vantage
Rhys Woodfield
10 years ago · Last reply by Rhys Woodfield 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Magus Staff 10 years, 8 months ago

    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. Rhys Woodfield 10 years, 8 months ago

    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. Rhys Woodfield 10 years, 8 months ago

    *Magus – apologies for the typo

  4. Magus Staff 10 years, 8 months ago

    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. Rhys Woodfield 10 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread