Docs

[igetzan]

Hi!

I’m using the integrity theme, nav bar positioned to the right and would like to add 3 social icons to the nav bar (in a row below the search). Help? I’ll reply with a private message with my url, login, etc.

Thanks!

[igetzan]

This reply has been marked as private.

[Rahul]

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.

Create _navbar.php file under YOUR CHILD THEME -> framework -> views -> global and add this code in there:

<?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 style="font-size:25px"><?php x_social_global(); ?></div>
        </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 style="font-size:25px"><?php x_social_global(); ?></div>
        </div>
      </div>
    </div>
  </div>

<?php endif; ?>

Hope this helps.

[igetzan]

Okay, I do have the child theme set up, but have to admit, I am unsure how to upload this file to the correct area. Where? I can’t create a .php file in editor, so where is framework -> views -> global? Is this through the ftp, and then I need to re-upload the theme?

[Jade]

Hi there,

For it to be easier, you can login through FTP and go to wp-content/themes/x/framework/views/global then copy the _navbar.php then place the copied file to wp-content/themes/x-child/framework/views/global.

Once you’ve done that, open the file and replace the code with what’s provided previously.

Hope this helps.

[igetzan]

Perfect, thank you! Just needed to style them a bit, but they look great. Thanks for the help and sorry for my delay!

[igetzan]

One thing – the icons now appear on the footer. How do remove them from that? I don’t have them chosen in the footer menu…

[Friech]

Hi There,

On your admin dashboard navigate to Appearance > Customize, then on the Customizer under the Footer tab turn off the Footer Social.

Hope it helps, Cheers!

[Author]

Posts