@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.
.
