Docs

[philiponeillfreelancer]

Hi is it possible to make stacked header and put logo to left (I can do this as per other threads) but the main part: add text/image to the right of the logo in the header?

I’ve shared a private screenshot below! you’ll see three icons and text to the right of the logo. I’d like to replicate this given it’s a very popular formatting option!

Thanks

[philiponeillfreelancer]

This reply has been marked as private.

[philiponeillfreelancer]

Additionally, is it possible to make the slider a video like integrity 1 demo but when you click it to play, it moves to fullscreen? Please see https://www.airbnb.com/ for mexample (when press video it fullscreens!) thanks

[Christopher]

Hi there,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Copy _navbar.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

<?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 class="logobar-content">
       <i class="x-icon-phone" data-x-icon=""></i>
Text
      <i class="x-icon-envelope" data-x-icon=""></i>
Text
     <i class="x-icon-envelope" data-x-icon=""></i>
Text
        </div>
      </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 : ?>

  <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 endif; ?>

You can add video as slider layer to display button,but in regards with full width video, this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope it helps.

[Author]

Posts