Add social media icons to menu bar


Author Message
ppoconnor

Posted: 1/18/2012
Quote message 

I've seen help for adding a search form to the menu bar but I need to add social media icons to the right of the menu bar.

I've Googled but and found info for specific themes but can't seem to adapt the code to fit my Artisteer template.

Any help would be much appreciated.
 
techtom

Posted: 1/18/2012
Quote message 

You can add a div into your menu that you can add you content for your social icons.

open your header.php and find:
<div class="art-bar art-nav">

Add this after that code:
<div class="socialbar">YOUR CONTENT GOES HERE</div>

add this to your style.css file and adjust as you need.

.socialbar {
margin:10px 40px 0px 0px;
width:30%px;
height: 20px;
float:right;
}
.art-nav-outer {width:70%;} <- you can't set this to small or you will mess up you menu. It should be 100% - width from the socialbar
 
ppoconnor

Posted: 1/27/2012
Quote message 

Hi Techtom.
Thanks for all your help so far. I've been playing with firebug and it appears to be the padding values.

If I change it the menu goes askew and the icon links work. Not sure where else to change it so that everything sits right.

the site is here http://79.170.44.85/soneniandthesoul.com/
 
Dean

Posted: 7/15/2012
Quote message 

Hi want the same thing help would be great thanks

 
Natasha

Posted: 3/4/2015
Quote message 

I would love this tutorial please? I'm trying to made it for a blogger template.