Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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?

    #66811

    Hi!

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

    Regards,

    Chris

    #66812

    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!

    #66813

    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 ;)

    Cheers

    #66814

    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!

    #66815

    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

    #66816

    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.