How to put social media site links (with icons) below header

I want to place links to my Facebook, Pinterest and Twitter underneath the logo of my site. Ideally, these links would be the icons of the sites, similar to how the sidebar links look. I don't want to invite people to "like" the site, I want them to actually visit the pages themselves (e.g. the links point to https://www.facebook.com/powerfulmother; https://pinterest.com/powerful4kids etc).

 

Hello,
Please provide URL of website.
Thanks & Regards
Pramod

 

Hi Pramod,
It is www.powerfulmother.com
Thank you!
Katie

 

Hello,
You already use social icons in two place in your website one at footer and another is kento-social-share.
do you want one more at header section???
Thanks & Regards
Pramod

 

YES! People are missing the footer and the Kento social share is not effective. I am removing it. I definitely want the facebook, pinterest and twitter links directly under the header so people can go straight to these sites if they wish.
The site addresses again are:
https://www.pinterest.com/powerful4kids/
https://www.facebook.com/powerfulmother/
https://twitter.com/DrThomas22
THANK YOU!

 

Hello,
You have to follow some steps:
Step-1:
Use this given code in header.php file shown in below image.

PHP:

<div class="grid_24 header_icon_div">
<div class="grid_6 omega header_icon">
<ul class="tt-wrapper">
                <?php if (inkthemes_get_option('inkthemes_dribbble') != '') { ?>
                <li><a class="db" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_dribbble'); ?>"><span>Dribbble</span></a></li>
                <?php } ?>           
                <?php if (inkthemes_get_option('inkthemes_facebook') != '') { ?>
                <li><a class="fb" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_facebook'); ?>"><span>Facebook</span></a></li>
                <?php } ?>
                <?php if (inkthemes_get_option('inkthemes_intagram') != '') { ?>
                <li><a class="ins" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_intagram'); ?>"><span>Instagram</span></a></li>
                <?php } ?>
                <?php if (inkthemes_get_option('inkthemes_google') != '') { ?>
                <li><a class="gp" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_google'); ?>"><span>Google Plus</span></a></li>
                <?php } ?>
                <?php if (inkthemes_get_option('inkthemes_pinterest') != '') { ?>
                <li><a class="pn" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_pinterest'); ?>"><span>Pinterest</span></a></li>
                <?php } ?>
                <?php if (inkthemes_get_option('inkthemes_twitter') != '') { ?>
                <li><a class="tw" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_twitter'); ?>"><span>Twitter</span></a></li>
                <?php } ?>
                <?php if (inkthemes_get_option('inkthemes_rss') != '') { ?>
                <li><a class="rss" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_rss'); ?>"><span>Rss</span></a></li>
                <?php } ?>
</ul>
</div>
</div>

Step-2:
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header_icon_div .header_icon
    {
    float:right;
    }

This code is to align it in right side at top.
Thanks & Regards
Pramod