Make both logo and menu fit in header

  • Author
    Posts
  • #1032887

    Even using Firebug, I’m having trouble figuring out why there is overlap with my Menu items and logo. The site I need help with is:

    http://testugr.bananerd.com/

    Can anyone help me figure out where in my CSS I can make these items span evenly and wider?

    This is my current code from style.css for these elements, however I’m wondering if I need to change something in grid.css and if so, what:

    html,
    body {
    min-width:1000px;
    height:100%;
    }
    body{
    background: #f3eeea;
    color: #9b9d93;
    font: 100%/1.25em Arial, Helvetica, sans-serif;
    position:relative;
    }

    #main {
    min-height: 100%;
    }
    .container {
    font-size:.75em;
    }

    .bottom-indent {
    padding-bottom: 98px;
    }
    .page-template-page-splash-php .bottom-indent {
    padding: 0;
    height:755px;
    }

    /* List styling */
    dl dt {
    background:url(images/list-arrow.gif) no-repeat 0 3px;
    padding:0 0 3px 32px;
    margin-bottom:.2em;
    font-size:18px;
    line-height:1.2em;
    color:#191919;
    }
    dl dd {
    padding:0 0 0 32px;
    margin:0 0 1.5em 0;
    }

    /* Header
    —————————————- */
    #header {
    height:197px;
    position:relative;
    z-index:999;
    background-repeat:repeat-x;
    background-position:0 0;
    background-image:url(images/tail-top.png);
    }

    /* Logo */
    .logo {
    position:absolute;
    left:0;
    top:0;
    }
    .logo h1,
    .logo h2 {
    font-size:3em;
    line-height:1.2em;
    margin-bottom:0;
    }
    .logo h1 a,
    .logo h2 a {
    color:#222;
    text-decoration:none;
    }
    .logo .tagline {
    font-size:10px;
    text-transform:uppercase;
    }

    #1032975

    supportbot
    Member

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

The topic ‘Make both logo and menu fit in header’ is closed to new replies.