move social icons to footer

[antonella 1]

Is there a way to move the social icons bar down to the footer? Is there a hook or something? I feel like I've seen this before in search or docs, but now I can't seem to find it. I've disabled it from my header, and want to add it to a footer widget. Thanks.

[kastelic 6]

Here's one way: Enable it in your header. Then using Google Chrome, right click on it and select "inspect element". Go into the html code area that pops up at the bottom and highlight the container of your social icons. Right click on it (in the code edit area) and select "copy as HTML" Go to Appearance -> Widgets and drag a new text widget into your footer widget area of choice and paste the HTML there.

[antonella 1]

This is great. I was able to get the icons to appear in the footer. However, how do you disable the social icons in the header? I was using css (div.icons {display: none;}) to hide it, but now it's hiding it in the footer as well. I set up some CSS to just hide the div in the branding section (#branding div.icons {display: none;}) and that seems to work now. Is there any other way to disable it other than CSS that I haven't found?