Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1308126
    shoaibahmad9999
    Participant

    Hi,

    I want to have the header (logo + navbar) same as this website (frankkern.com).

    I am using the Agency on x-theme.

    Kindly let me know how can I achieve this.

    Thank you.

    #1308153
    Rupok
    Member

    Hi there,

    Thanks for writing in! Agency uses stacked navigation and you need to use inline navigation. You can change this from Customize > Header

    Cheers!

    #1312099
    shoaibahmad9999
    Participant
    This reply has been marked as private.
    #1312187
    Christopher
    Moderator

    Hi there,

    Please disable Ubermenu plugin.

    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 _nav-primary.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

    <?php
    
    // =============================================================================
    // VIEWS/GLOBAL/_NAV-PRIMARY.PHP
    // -----------------------------------------------------------------------------
    // Outputs the primary nav.
    // =============================================================================
    	
    if( function_exists( 'ubermenu' ) && $config_id = ubermenu_get_menu_instance_by_theme_location( 'primary' ) ):
    	ubermenu( $config_id, array( 'theme_location' => 'primary') ); 
     else: ?>
     
    <a href="#" class="x-btn-navbar collapsed" data-toggle="collapse" data-target=".x-nav-wrap.mobile">
      <i class="x-icon-bars" data-x-icon=""></i>
      <span class="visually-hidden"><?php _e( 'Navigation', '__x__' ); ?></span>
    </a>
    
    <nav class="x-nav-wrap desktop" role="navigation">
      <?php x_output_primary_navigation(); ?>
            <?php x_social_global(); ?>
    
    </nav>
    
    <div class="x-nav-wrap mobile collapse">
      <?php x_output_primary_navigation(); ?>
            <?php x_social_global(); ?>
    
    </div>
    
    <?php endif; ?>

    Hope it helps.

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