I need to make logo overlap menu bar

  • My logo on my site ( troide.co ) needs to overlap the menu bar like in this picture:
    https://imgur.com/zLIIFLh
    I managed to do it before but made no backups and then updated the theme, over writing all of my code. The logo code at the moment is as follows:

    #logo {
    float: left;
    text-align:center;
    margin: 10px 0 0;
    }
    #logo a {
    display: inline-block;
    }
    #logo img {
    position: absolute
    display: block;
    margin: 0 auto;

    z-index: 200
    }
    #logo h1 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 5px;
    }

    How do I get it back to before? Thanks a lot this is quite urgent.

Viewing 1 replies (of 1 total)
  • #logo {
    position: absolute;
    top: 20px;
    z-index: 10;
}

    It looks like #logo img was set as absolute, you may be trying to do the same thing I am, but the position: absolute rule doesn’t have a semi-colon, so it was ignored ?? I recommend targeting its parent container (#logo) anyhow.

    Also, the container is going to need the boost to the z-index, the image will go up with it.

Viewing 1 replies (of 1 total)
  • The topic ‘I need to make logo overlap menu bar’ is closed to new replies.