Social Buttons in Header Logo

Hi,

I am sorry, but the possibility to add social media links into header is available only in the Premium version. With the Free version, I recommend you to put the social media links into the Right Sidebar using the Social Icons Widget.

Best regards,
Tomas Toman

There is no way to modify the header.php to accommodate this?

Anything is possible with coding it in directly, but it is the coding itself which can get tricky.

It would be possible to hard-code the links into “header.php”, but this request is outside the scope of what I can provide with the support, because each change has to be tested across various browsers and screens sizes. I spend a lot of time testing and maintaining my themes. When you ask for a customization – it is not possible to test out the change on all screens. Thanks and I hope you understand my limitations.

Because this theme supports The Elegant Icon Font, the easiest way would be to replace the default Contact Information bar in “header.php”:

<?php if ( !is_page_template('template-landing-page.php') ) { ?>
<?php if ( get_theme_mod('naturespace_header_address', naturespace_default_options('naturespace_header_address')) != '' || get_theme_mod('naturespace_header_email', naturespace_default_options('naturespace_header_email')) != '' || get_theme_mod('naturespace_header_phone', naturespace_default_options('naturespace_header_phone')) != '' || get_theme_mod('naturespace_header_skype', naturespace_default_options('naturespace_header_skype')) != '' ) {  ?>
  <div class="top-navigation-wrapper">
    <div class="top-navigation">
      <p class="header-contact">
<?php if ( get_theme_mod('naturespace_header_address', naturespace_default_options('naturespace_header_address')) != '' ){ ?>
        <span class="header-contact-address"><i class="icon_house" aria-hidden="true"></i><?php echo esc_attr(get_theme_mod('naturespace_header_address', naturespace_default_options('naturespace_header_address'))); ?></span>
<?php } ?>
<?php if ( get_theme_mod('naturespace_header_email', naturespace_default_options('naturespace_header_email')) != '' ){ ?>
        <span class="header-contact-email"><i class="icon_mail" aria-hidden="true"></i><?php echo esc_attr(get_theme_mod('naturespace_header_email', naturespace_default_options('naturespace_header_email'))); ?></span>
<?php } ?>
<?php if ( get_theme_mod('naturespace_header_phone', naturespace_default_options('naturespace_header_phone')) != '' ){ ?>
        <span class="header-contact-phone"><i class="icon_phone" aria-hidden="true"></i><?php echo esc_attr(get_theme_mod('naturespace_header_phone', naturespace_default_options('naturespace_header_phone'))); ?></span>
<?php } ?>
<?php if ( get_theme_mod('naturespace_header_skype', naturespace_default_options('naturespace_header_skype')) != '' ){ ?>
        <span class="header-contact-skype"><i class="social_skype" aria-hidden="true"></i><?php echo esc_attr(get_theme_mod('naturespace_header_skype', naturespace_default_options('naturespace_header_skype'))); ?></span>
      </p>
<?php } ?>
    </div>
  </div>
<?php }} ?>

with something like this:

<?php if ( !is_page_template('template-landing-page.php') ) { ?>
  <div class="top-navigation-wrapper">
    <div class="top-navigation">
      <p class="header-contact">
        <span class="header-youtube"><a href="https://custom-youtube-link"><i class="social_youtube" aria-hidden="true"></i></a></span>
        <span class="header-facebook"><a href="https://custom-facebook-link"><i class="social_facebook" aria-hidden="true"></i></a></span>
      </p>
    </div>
  </div>
<?php } ?>

Then you probably will need to add some custom CSS to style the links (position, color, etc.).

Best regards,
Tomas Toman