There’s no way to help with something like this without a link to your site.
Alternatively, try using a browser tool like Firebug to see what’s creating those margins.
Thanks for the advice:
My site (buildthefire.com) currently is not responsive as I am trying to add that functionality to it. I have been developing it in a text editor, with the help of Firebug actually, before I add it on there. Here’s a glimpse at the php:
<div class="responsiveheader"><div id="topblue"></div>
<div class="clear"></div><!-- clearing div -->
<hgroup>
<h1 id="site-title"><a href="http://buildthefire.com/" title="Build The Fire" rel="home"></a></h1>
<h2 id="site-description">Spark your growth</h2>
</hgroup>
</div>
and the CSS:
.responsiveheader {
background: url(http://i1277.photobucket.com/albums/y498/booneshakalaka/head158_zps07321714.png:original) no-repeat top center !important;
height: 158px;
top: 0px;
z-index: 2;
vertical-align: middle;
display: block;
width: 100%;
position: relative;
border-radius: 0px;
max-width: 100%;
min-width: 100%;
margin: -28px auto 0;
}
It looks like you are using Quintus theme?
http://ww.wp.xz.cn/themes/quintus
Are you aware that all of your changes to theme files will be erased when the theme is updated? You really should be using a child theme to avoid that…
http://codex.ww.wp.xz.cn/Child_Themes
Unfortunately, it’s really impossible to help with something like this without seeing it on the site…using Firebug…
I was not aware of that, but thanks for the advice. I will look into that asap.
Also, I’ll add the code to my site and seek help after that.
Thanks
