Adding Social Media Icons to right side of nav bar

[jbent10]

I am trying to add a widgetized area to my nav bar. I read a previous question and reply where the person who answered provided a link. I attempted to follow the code in the link and added it to my functions php but never had a widgetized area show. In order to get an explaination of the code from the owner he charges a monthly fee.

I just need to add a widgetized area to my nav bar so I can put the simple social icon plugin there. Any and all help will be very appreciated.

Thanks
Jessica

http://thattechchick.com

[Tom]

Hiya,

Try a variation of the second method in this tutorial: Adding Simple Social Icons & a Search Form to a Genesis Menu

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[jbent10]

Thanks Tom, I tweeked the code a bit to not show the search box and it finally worked. All I need to do now is align it with my nav bar and float the buttons right. Do I need to start a new topic for that?

[Tom]

Nice result.

Try working this CSS into your stylesheet to fix alignment and spacing:

.custom-social {
	float: right;
	margin: 13px 7px 0px 0;
}

.genesis-nav-menu a{
	padding: 24px 15px 22px 15px;
}

That leaves some issues with contrast and highlights, plus the menu setup from 767px and down is wonky, but that's not a result of your new menu addition.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[jbent10]

Thanks for the help. I normally do not have a black nav bar, only changed it because I wanted to see were it really was. I changed it back and worked in the code you suggested but nothing changed at all lol

[Tom]

Your media query for 800-px has not been properly closed. Close this to exclude the statement

.custom-social {
	float: right;
	margin: 13px 7px 0px 0;
}

... which should be up in the Site Navigation section instead of the bottom of the file so the media queries can do their job..

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[jbent10]

OMG!! Thank you. If I new you I would kiss you LOL. jk

You have helped me so much!

[Tom]

That's the kind of reaction we're looking for!

Glad that worked out for you.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[notfarnow]

What did you edit out to remove the search form and only have the social icons?

[renwil]

Where do I add this code? In the functions.php file or do I create another file?

[renwil]

No need to respond. Got my issue fixed. Thanks.

[Author]

Posts