Docs

[tonalqualityx]

I’m using X-Theme with Integrity and am trying to create a stacked header on the front page, and an inline header on all other pages. I’ve setup a child theme and have been working my way through the theme files to try to find where I can write an if is_front_page rule to override the header layout… but you guys have an immense theme! After about a half hour of digging I figured it would be better to see if you can point me in the direction of the files rather than bill the client hours and hours to hunt it down myself. Thanks!

[Jade]

Hi there,

The files you will have to adjust are _navbar.php that is in the global directory and wp-header.php in the integrity directory then use the codes below:

<?php

// =============================================================================
// VIEWS/INTEGRITY/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Integrity.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

  <?php x_get_view( 'global', '_slider-above' ); ?>

  <header class="masthead <?php if ( is_front_page() ) : echo 'masthead-stacked'; else : echo 'masthead-inline'; endif; ?>" role="banner">
    <?php x_get_view( 'global', '_topbar' ); ?>
    <?php x_get_view( 'global', '_navbar' ); ?>
    <?php x_get_view( 'integrity', '_breadcrumbs' ); ?>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'integrity', '_landmark-header' ); ?>

then

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAVBAR.PHP
// -----------------------------------------------------------------------------
// Outputs the navbar.
// =============================================================================

$navbar_position = x_get_navbar_positioning();
$logo_nav_layout = x_get_logo_navigation_layout();
$is_one_page_nav = x_is_one_page_navigation();

?>

<?php if ( ( $navbar_position == 'static-top' || $navbar_position == 'fixed-top' || $is_one_page_nav ) && $logo_nav_layout == 'stacked' ) : ?>

  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div>
  </div>

  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
        </div>
      </div>
    </div>
  </div>

<?php else : ?>

  <?php if ( !is_front_page() ) : ?>
	  <div class="x-navbar-wrap">
	    <div class="<?php x_navbar_class(); ?>">
	      <div class="x-navbar-inner">
	        <div class="x-container max width">
	          <?php x_get_view( 'global', '_brand' ); ?>
	          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
	        </div>
	      </div>
	    </div>
	  </div>
  <?php else : ?>
  
	  <div class="x-logobar">
	    <div class="x-logobar-inner">
	      <div class="x-container max width">
	        <?php x_get_view( 'global', '_brand' ); ?>
	      </div>
	    </div>
	  </div>
	
	  <div class="x-navbar-wrap">
	    <div class="<?php x_navbar_class(); ?>">
	      <div class="x-navbar-inner">
	        <div class="x-container max width">
	          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
	        </div>
	      </div>
	    </div>
	  </div>  
  
  <?php endif; ?>	  

<?php endif; ?>

And make sure that the Header Layout set in the customizer is Stacked.

Hope this helps.

[Jade]

Hi there,

The files you will have to adjust are _navbar.php that is in the global directory and wp-header.php in the integrity directory then use the codes below:

<?php

// =============================================================================
// VIEWS/INTEGRITY/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Integrity.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

  <?php x_get_view( 'global', '_slider-above' ); ?>

  <header class="masthead <?php if ( is_front_page() ) : echo 'masthead-stacked'; else : echo 'masthead-inline'; endif; ?>" role="banner">
    <?php x_get_view( 'global', '_topbar' ); ?>
    <?php x_get_view( 'global', '_navbar' ); ?>
    <?php x_get_view( 'integrity', '_breadcrumbs' ); ?>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'integrity', '_landmark-header' ); ?>

then

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAVBAR.PHP
// -----------------------------------------------------------------------------
// Outputs the navbar.
// =============================================================================

$navbar_position = x_get_navbar_positioning();
$logo_nav_layout = x_get_logo_navigation_layout();
$is_one_page_nav = x_is_one_page_navigation();

?>

<?php if ( ( $navbar_position == 'static-top' || $navbar_position == 'fixed-top' || $is_one_page_nav ) && $logo_nav_layout == 'stacked' ) : ?>

  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div>
  </div>

  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
        </div>
      </div>
    </div>
  </div>

<?php else : ?>

  <?php if ( !is_front_page() ) : ?>
	  <div class="x-navbar-wrap">
	    <div class="<?php x_navbar_class(); ?>">
	      <div class="x-navbar-inner">
	        <div class="x-container max width">
	          <?php x_get_view( 'global', '_brand' ); ?>
	          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
	        </div>
	      </div>
	    </div>
	  </div>
  <?php else : ?>
  
	  <div class="x-logobar">
	    <div class="x-logobar-inner">
	      <div class="x-container max width">
	        <?php x_get_view( 'global', '_brand' ); ?>
	      </div>
	    </div>
	  </div>
	
	  <div class="x-navbar-wrap">
	    <div class="<?php x_navbar_class(); ?>">
	      <div class="x-navbar-inner">
	        <div class="x-container max width">
	          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
	        </div>
	      </div>
	    </div>
	  </div>  
  
  <?php endif; ?>	  

<?php endif; ?>

And make sure that the Header Layout set in the customizer is Stacked.

Hope this helps.

[tonalqualityx]

Excellent, thanks much!

[Rahul]

Glad we were able to help you out!

Let us know if we can help with anything else.

Thank you.

[Author]

Posts