[ldiano]

Hi,

I want to display my logo and have the social icons positioned elsewhere.

I’m thinking putting them to the right side and up in line with the logo. Can we move them?

[ldiano]

Here is an example of how they are to look.

http://thepowerinsport.com/wp-content/uploads/2014/02/desired_banner-Feb-22-2014-for-pixelwars.jpg

[ldiano]

Here is another example. I am not sure what is easier for you. Help! Thanks,

http://thepowerinsport.com/wp-content/uploads/2014/02/menu-bar-_version-2_Feb-24-2014.jpg

[ahmetsali]

Hi, here is a starting point for you, try this custom css code;

@media screen and (min-width: 978px) {
    .site-header ul.social {
        position: absolute;
        top: 33%;
        right: 20%;
    }
    .site-header{
        position: relative;
    }
    .site-header hgroup h1 {
        padding-right: 200px;
    }
}

[ldiano]

Hmm.
It moved the logo to the left slightly and the social icons did not move.

Thank you for trying. I hope there is a fix….

[ldiano]

Update:

On my secondary site , it did *not* work.

On our primary site, it *did* work! Well done.

[Mehmet S.]

Can you provide your url?

[ldiano]

I have taken the 2nd site down. On the primary site it did work but now there are other problems unrelated to the steps you propose above.
When I get the site fixed I will let you know if we still have problems. Thank you!

[Mehmet S.]

Ok. Good luck.

[ldiano]

Thanks. It’s working fine now and your code is good! Thanks again.