Adding Social Media Icons In Header – Theme Name: Glossy Stylo

Hi all,

It’s me again – http://www.crozon.ca – I’m now attempting to add social media icons in my header, but am having problems with placement of the icons and also my sidebar moving.

Placement: I would like the 5 social media icons to be aligned with my logo, spaced out evenly in the header.

Here is the code I used so far. I’ve added the following to my header.php:

<div id="header_icons">
<ul><li><a href="#" target="_blank" alt="Email"><img src="#" /></li>
<li><a href="#" target="_blank" alt="RSS"><img src="#" /></li>
<li><a href="#" target="_blank" alt="Twitter"><img src="#" /></li>
<li><a href="#" target="_blank" alt="LinkedIn"><img src="#" /></li>
<li><a href="#" target="_blank" alt="Facebook"><img src="#" /></li></ul>
</div>

The in order to have them line up horizontally I added the following code to my style.css:

#header_icons li{
display:inline;
}

The icons line up horizontally, however they are below the logo, which for some reason also moves the sidebar further down the page.

I’ve tried a number of variations to try to get the icons to be aligned with the logo, but for the life of me cannot figure it out. Please help.

Thanks for the assistance in advance.

Ps – I’m very new with css / php