Header image pushes nav bar down.

  • Any ideas why this happens? After some experimentation I’ve found that the bigger my header image the further down my nav-bar goes.

    Strangely doesn’t happen in Safari- so that’s 2% of browsers ticked off…

    I’m using the unstandard theme.

    The site is here:

    https://www.futurebehaviour.co.uk/blog/

    This is the bit of the style sheet I’ve been hacking up with no joy. This is the original.

    #leaderboard h1 a { color: #333; text-decoration: none; }
  #leaderboard h1 a:hover { color: #f47a0e; }
#main-nav { font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  margin-left: 7px; }
  #main-nav li a { background: #ddd; color: #6c6c6c; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; }
  #main-nav li a:hover,
  #main-nav li.current a { background: #333; color: #eee; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #f47a0e; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }

    Thanks in advance all.

Viewing 1 replies (of 1 total)

  • Hi
    I’m seeing a height of 60px in the section below. Try changing it to 15px. If there is no height in the real stylesheet, add that line.

    #main-nav li a {
background:#DDDDDD none repeat scroll 0 0;
border:0 none;
color:#6C6C6C;
display:block;
height:60px;
padding:3px 0 11px;
text-align:center;
text-decoration:none;
vertical-align:middle;
width:90px;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Header image pushes nav bar down.’ is closed to new replies.