Moving Social Media Links From Top Bar to Header

fsautter
August 25, 2013 at 10:10 pm #8010

Website

I want to move the social media icons/links from the top bar to the header but can’t figure out how. Right now they are positioned just right (click the link above) but still attached to the top bar and when I hide the top bar the icons disappear (obviously). How do I get them from the top bar to the header in the same location they are now?

Anonymous
August 26, 2013 at 4:35 pm #40065

Did you get if resolved? Social icons are appearing above the header image here.

fsautter
August 26, 2013 at 5:59 pm #40066

They appear above the header but they’re still attached to the top bar. When I hide the top bar the icons are hidden also. I want them where they are now as part of the header. Once this is fixed the top bar will be hidden.

Anonymous
August 26, 2013 at 6:14 pm #40067

Copy the generated code for social icons and put it in header widget area. Then position it using Custom CSS.

fsautter
August 26, 2013 at 7:03 pm #40068

How do I put it in the header widget area? I tested it out using Firebug and it works but where do I paste the code to change it on the actual website?

Mod

Kenneth John Odle
August 26, 2013 at 8:37 pm #40069

Be sure you have header widget area enabled in Graphene Options, and then go to the Widgets pane and insert a text widget into the Graphene header widget area. Paste your code into the text widget.

fsautter
August 26, 2013 at 11:53 pm #40070

That fixed it. Thanks again!