Social Network Follow Us in Top Menu

[SMP]

Add the following code (dont forget to change the social media urls) to your theme header file above

<li data-nav="about" class="phone-hide pop-btn pop-btn-delayed">

(appx line 381)

<li data-nav="social" class="phone-hide pop-btn pop-btn-delayed">
                <span class="top-btn-text"><span class="icon icon-info tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide"><?php _se('Follow Us'); ?></span><span class="arrow-down"></span></span>
                <div class="pop-box arrow-box arrow-box-top anchor-right">
                    <div class="pop-box-inner pop-box-menu">
                        <ul>
                            <li><a href="yourfacebookurl" rel="nofollow"><?php _se('Facebook'); ?></a></li>
                            <li><a href="yourtwitterurl" rel="nofollow"><?php _se('Twitter'); ?></a></li>
                            <li><a href="yourgoogleplusurl" rel="nofollow"><?php _se('Google+'); ?></a></li>
                            <li><a href="yourpinteresturl" rel="nofollow"><?php _se('Pinterest'); ?></a></li>
                            <li><a href="youryoutubeurl" rel="nofollow"><?php _se('Youtube'); ?></a></li>
                        </ul>
                    </div>
                </div>
</li>

 

[SMP]

Rodolfo,

If possible (and others request it) do include this (in header or footer) directly into one of your future releases (with an option to show/not) as not every one is comfortable with file edits.

 

[anmolgill]

<li data-nav="follow" class="phone-hide pop-btn pop-btn-delayed">
<span class="top-btn-text"><span class="icon icon-info tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide">Follow</span><span class="arrow-down"></span></span>
<div class="pop-box arrow-box arrow-box-top anchor-right">
<div class="pop-box-inner pop-box-menu">
<ul>
<li><a href="" target="_blank" rel="nofollow"><span class="btn-icon icon-facebook"></span> Facebook</a></li>
<li><a href="" target="_blank" rel="nofollow"><span class="btn-icon icon-twitter"></span> Twitter</a></li>
<li><a href="" target="_blank" rel="nofollow"><span class="btn-icon icon-pinterest"></span> Pinterest</a></li>
<li><a href="" target="_blank" rel="nofollow"><span class="btn-icon icon-googleplus"></span> Google+</a></li>
</ul>
</div>
</div>
</li>

This one come with icons

 

[deleted]

i have tried to added the code but this is whats happening for me http://www.naughtyimg.com/image/K about us comes to the bottom

Update:
Fixed my mistake

 

[harry01]

I have this one for my soc community site but on the left site with the same code!
started on Line 239

 

[Bazim]

Thank you for this guide. Its nice!