Hi
Here is what I recommend.
Install Firebug addon to your browser then use the Inspect Element feature to however over the header area and view the CSS that specifically creates the gap at the bottom of your header.
Will be border or padding maybe. Then you want to change the value from say 10 to 0.
What browser are you using?
On Google Chrome I don’t see anything wrong with the social buttons. They work and are displayed fully.
Good luck 😉
I can clearly see the script for your ad iframe in the source, but I cannot tell you why there is no content in the frame. Might be an issue with the ad code or script.
That space between the header and the body contains your navigation bar. Perhaps just change the color so it doesn’t match the background?
.main-navigation {
background: none repeat scroll 0 0 #FF9900;
clear: both;
float: left;
height: 25px;
margin: 0;
position: relative;
width: 100%;
z-index: 1000;
}
Sorry I never read properly, long day.
Your Ad is Google, there is a box/div showing up, slightly under your social buttons so I’m not sure if that is normal and maybe the cause.
The div I’m talking about seems to contain an iFrame or is that your media buttons? I’m wondering if you simply need to move the <script> for the AdSense further into the code. Actually I just checked again and confirm this…
<div id=”ad_box”>
<script type=”text/javascript”>
So you do have it in the ad_box. Try putting it after everything else in there just to see what happens.
<script type="text/javascript">
1
2
3
4
5
6
7
<!--
google_ad_client = "pub-4714509908226909";
/* 728x90, created 3/8/11 HLN Top */
google_ad_slot = "4111544102";
google_ad_width = 728;
google_ad_height = 90;
// -->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"/>
<ins style="display: inline-table; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; height: 90px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; visibility: visible; width: 728px; ">
<ins id="aswift_0_anchor" style="display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; height: 90px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; visibility: visible; width: 728px; ">
<iframe allowtransparency="true" frameborder="0" height="90" hspace="0" marginwidth="0" marginheight="0" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){i+='.call';setTimeout(h,0)}else if(h.match){i+='.nav';w.location.replace(h)}s.log&&s.log.push(i)}" scrolling="no" vspace="0" width="728" id="aswift_0" name="aswift_0" style="left: 0px; position: absolute; top: 0px; "/>
</ins>
</ins>
</div>
Try putting the google asense just before this div.
Silly me. There is a chance your ad is showing, it is just a white/blank area. You will see this is an option for when Google can find no suitable ad and with your site being new, with so little content it won’t find a match.
To be sure try it somewhere else and create other ads.
Me again.
Firebug shows your ad positioned centre, that looks like the intention of the themes design am I correct?
So even if an image did show, it looks like its doing to be behind or over your social icons. I’m not sure if it will be a white add or transparent either way you will need to figure out how to shift it to the left.
Did you make the ad_box2 div yourself to hold the social icons?
