[mjcorder]

I have tried and tried to figure out a spacing issue with my logo/header.

Here is an image of what I am trying to achieve (the second image): http://ianandlola.com/CLIENT/EXAMPLE.jpg

Could you please let me know if this is possible?

Thank you SO much!

MJ

[Sakin]

@mjcorder: There is already issue with your custom css that will have issue in your mobile devices.
I don’t see the use of following CSS in “Appearance => Theme Options => Custom CSS” box.

#header .layout-978 { position: relative; }
#header .logo-wrap { margin-top: 20px; }
#header .social-search { margin-top: 0px; padding-right: 0; position: absolute; right: 0; top: 0; }
#header-left { float: none; }
#site-logo { float: none; text-align: center; }
#site-logo a { display: inline-block; }
@media screen and (max-width: 960px) { #header-left { padding-left: 28%; } }

But yes the following css is fine.

#header-right .widget_search { display: none; }
#site-logo { padding-top: 20px; }
#hgroup-wrap { padding-bottom: 0px; }
body { padding-top: 0; }
.home #primary .entry-header { display: none; }
#main-slider .entry-container { display: none; }
.no-sidebar #primary { width: 90%; }

So, first correct this and then your logo will be in left and you will have social icons on right so, there won’t be much space.

[Author]

Posts