Social Icons and Copyright on left navbar

[mollel]

Hello
can you assist me on how to display social icons and copyright just after the menu on the leftnav or rightnav.
Thanks

[jade]

Hello Ole,

There is no out of the box option available to have the social icons and the copyright info below the menu items in the header area. This possible with some customization but this goes beyond the scope of our support.

We’re not able to provide the exact code but we can help you get started.

Please setup and activate the child theme: https://theme.co/docs/child-themes

Then login through FTP and go to wp-content/themes/x-child then create the directory path framework/legacy/cranium/headers/views/global/ the create the file _navbar.php inside the global directory. Edit the file and add this code to the file:

<?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 : ?>

  <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' ); ?>

          <!-- Add the icon codes and copyright text here -->

        </div>
      </div>
    </div>
  </div>

<?php endif; ?>

Please take note of the line <!-- Add the icon codes and copyright text here --> in the code above.

That is where you can add the icons and the copy right text.

You can make use of the icon shortcode and wrap it in an <a> tag to link it to social profiles.

https://demo.theme.co/integrity-1/shortcodes/icons/

Please also use the do_shortcode function to output the icon shortcodes so you should have something like:

<a href="LINK_TO_FB_PAGE" target="_blank">
    <?php echo do_shortcode('[x_icon type="facebook"]'); ?>
</a>

do_shortcode() | Function | WordPress Developer Resources

Hope this helps you get started.