Site logo

[Resolved] Nav Menu Float/Overlap Header?

Home Forums Support [Resolved] Nav Menu Float/Overlap Header?

Home Forums Support Nav Menu Float/Overlap Header?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #646101
    Tyler

    Hey Tom,

    Is there a quick easy way to do this to GP menu? Seems to be the latest craze.

    I’ve tried a few things, I wanted to somehow use the contained width options but no luck.

    floater nav

    Maybe a negative margin + width 85%? I think I’m just typing it wrong. Thanks!

    #646414
    Leo
    Staff
    Customer Support

    Hi there,

    Try setting the both navigation width to contained then add this CSS:

    .site-header {
        margin-bottom: -20px;
        z-index: -1;
    }

    Let me know 🙂

    #646510
    Tyler

    Hey Leo,

    This is great, thank you! I forgot about z-index pushing, although it seems to have blown out my div class “right”. The social icons are no longer links. I’ve tried messing with z-index, but no luck. Any tips?

    #646633
    Tom
    Lead Developer
    Lead Developer

    I would remove this:

    .site-header {
        z-index: -1;
    }

    And then try this code instead:

    #site-navigation {
        margin-top: -35px;
        z-index: 1;
        position: relative;
    }

    Let me know 🙂

    #647180
    Tyler

    Tom! Always 100% accurate – thank you! Worked like a charm. Did you go to college for code?

    #647442
    Tom
    Lead Developer
    Lead Developer

    Glad I could help!

    I’m 100% self taught 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.