Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #10084

    Hi there, excellent theme here, however I’m having some difficulty positioning a logo over the main navigation, as it seems both are in separate divs in the header.

    I’m trying to center-justify a large logo and position it partly over the main navigation.

    I’ve tried giving elements a z-index with no luck.

    Can anyone help me with this?



    could you provide a link to your site? This way we get a better understanding on what you’d like to do.




    Hi Chris, thanks for getting back!

    I’m using the STRETCHED layout, and trying to position a logo over the main navigation on the home page and all internal pages. I’ve attached a photo here to show what I’m trying to do —> http://www.diaperdesserts.com/example.jpg

    Any idea how to achieve this?

    Thanks for your help!


    add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at abundacne->styling:

    #top #header .logo{
    position: absolute;
    left: 50%;
    margin-left: -111px;

    the negative margin should be exactly the half of the logo image width to center it

    hope this helps ;)



    Thank you for quick response, however it’s still not OVER the navigation menu. Here’s the code I entered into custom CSS:

    #top #header .logo{

    position: absolute;

    left: 50%;

    margin-left: -111px;

    margin-top: 50px;


    The logo still falls BEHIND the navigation menu bar, but I actually want it to float ABOVE the menu bar as presented in the image link above. Basically, I want the logo to cover and obscure the menu links. I’m assuming this has something to do with a z-index value?

    Thanks for any insight on this!


    Hey! Now I understand. the problem here is that this is basically impossible with the current way the theme is coded, since one would not only need to set a high z index for the logo but also for the container that holds the logo. that would result in the menu being completely hidden by the logo container and rendered unclickable


    That’s what I was afraid of, but figured I’d ask the experts before giving up!

    Thanks so much for getting back to me on this – I greatly appreciate the support!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Float Logo Over Navigational Menu?’ is closed to new replies.