Move the social global to the right of the links

Support
#1

hello can I put the social global links in the footer as well and can I move them to the right of the links on the topbar?

#2

Hi @wicara,

Thank you for the details.

Do you want something like this?

If that is the case since your child theme active and ready, please do the following:

1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
      
      <?php x_social_global(); ?>

      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>
      
    </div>
  </div>

<?php endif; ?>

3] Save the file named as _topbar.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/legacy/cranium/headers/views/global/

You will have to create the folder path since it does not exist yet in the child theme.

We would love to know if this has worked for you. Thank you.

1 Like
#3

That worked great now is there a way I can put the same social links in the footer so they update and look the same way as in the topbar?

#4

Hello @wicara,

Actually, the social icons for the footers just need to be enabled. Please go to X > Theme Options > Footer and enable the Bottom Footer. You will then see another option to enable the social icons for the footer.

If you want to add or remove social icons, you can do it by updating the social profile links in X > Theme Options > Social.

We would love to know if this has worked for you. Thank you.

#5

I have the footer turned off because it was causing some issues and using widget area’s was a very easy alternative . Can I put them in a widget maybe?

#6

Hello @wicara,

Regretfully, the built in social icons can only be displayed in the topbar or in the bottom footer.

If you want to display social icons in the text widget area, you will have to insert a manual social links with icons. You may utilize the icon shortcodes:

<a href="http://facebook.com/username">[x_icon type="facebook"]</a>

The icon shortcode demo: http://demo.theme.co/integrity-1/shortcodes/icons/

Hope this helps.

#7

Will I have to duplicate the styling as well or will it be the same by default ?

#8

Hello @wicara,

Since what you are using custom social icon link codes, yes, you will have to create and duplicate the styling to mimic the icons like what you have in the social icons of the topbar.

Hope this explains it briefly.

1 Like
#9

Thank Team as always you are a great help, this is why I use Your themes :wink:

#10

You’re welcome!
We’re glad we were able to help you out.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.