Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help Overlapping logo on the menu bar

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #189160
    crawling
    Participant

    Hello

    I am working on a wordpress site and want the logo to overlap the menu bar

    http://unitednews.sr/category/news/
    

    As you can see there is a white space under the background image also want to remove that and then overlap news on the black menu bar.

    this is what i have in css for the background image and the logo

    
    #logo {
        float:left;
    z-index: 10000;
    }
    
    /<em>Header images</em>/
    body.category-1 #header-wrap { background: url( http://unitednews.sr/wp-content/uploads/2014/11/Header_background1.jpg); 
        background-repeat:no-repeat;
    }
    
    #189189
    Chris House
    Participant

    The white space is being created due to the height of the logo being greater than the height of the background image on #header-wrap (and background-repeat set to no-repeat). One quick and dirty way to get your desired result is to give #site-navigation-wrap a margin-top of -16px, and remove its top border.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.