Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1394054
    redsnapdragons
    Participant

    Hello

    I want to add the video on the demo integrity 1

    Home

    on top of the demo ethos 1

    Home

    How Do I add a video that goes above the navigation bar like integrity 1? I also want the carousel to be below the navbar.

    This is my website
    http://theknotepad.wpengine.com/

    #1394235
    Friech
    Moderator

    Hi There,

    Thank you for writing in! You need to create your slider first using the Revolution Slider

    You can install Revolution slider under Addons > Extensions. When you already have the slider, edit your posts page and set the newly created slider as Slider Settings: Above Masthead.

    Then to pud the carousel under the navigation bar; 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 installing a child theme, navigate to \x-child\framework\views\ethos\ directory and there create a file named wp-header.php and paste the code below on it.

    <?php
    
    // =============================================================================
    // VIEWS/ETHOS/WP-HEADER.PHP
    // -----------------------------------------------------------------------------
    // Header output for Ethos.
    // =============================================================================
    
    ?>
    
    <?php x_get_view( 'global', '_header' ); ?>
    
      <?php x_get_view( 'global', '_slider-above' ); ?>
    
      <header class="<?php x_masthead_class(); ?>" role="banner">
        <?php x_get_view( 'global', '_topbar' ); ?>
        <?php x_get_view( 'global', '_navbar' ); ?>
        <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
        <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
      </header>
    
      <?php x_get_view( 'global', '_slider-below' ); ?>
      <?php x_get_view( 'ethos', '_landmark-header' ); ?>

    Let us know how it goes.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1394054 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>