[SOLVED] Create header widget area to the left of the RSS icon in logo area
 

Hello:
I would like to add social media icons to the left of the RSS icon in the logo area of the header.
Based on my research in the forums (hours and hours), I understand that the best way to do this is to create custom text widgets which link to the social media icons in question.

Here is what I have tried.

I created two dynamic widgets in the header area, as follows:

"%pages <?php bfa_widget_area('name=Header widget area&cells=2&align=2&align_2=3'); ?> %logo %bar1 %image %bar2 %cats"

Unfortunately, this creates widget areas above the blog title, just under the Pages menu, which is not what I want.

I am running Wordpress 4.0 and Atahualpa 3.7.18.
My site is here: http://www.thepassionateprojectmanager.com/

I am looking to add social media icons exactly to the left of the RSS icon.

Thanks.

You can use CSS to position the media icons.

I inserted this code in the "ATO/Add HTML CSS Inserts":

#header_widget_area
{
bottom: 90%;
right: 10%;
position: absolute;
}

However, on my iPad the icon was positioned differently than on desktop computer.

When I tried "position:relative" instead of "position:absolute", I got a large white space in between the Pages Menu and the logo area.

Substituting px for % did not help.

Any advice as to what tweaks I can do to the CSS to make it work? I'd like the icons to land right next to the RSS icon in the BFA Subscribe area.
Thanks.

try

Wonderful. Worked like a charm. Thanks!