Home › Forums › Support › Nav Menu Float/Overlap Header? This topic has 5 replies, 3 voices, and was last updated 7 years, 9 months ago by Tom. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts August 11, 2018 at 11:21 pm #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. Maybe a negative margin + width 85%? I think I’m just typing it wrong. Thanks! August 12, 2018 at 10:15 am #646414 LeoStaff 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 🙂 August 12, 2018 at 12:42 pm #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? August 12, 2018 at 8:12 pm #646633 TomLead 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 🙂 August 13, 2018 at 11:00 am #647180 Tyler Tom! Always 100% accurate – thank you! Worked like a charm. Did you go to college for code? August 13, 2018 at 6:58 pm #647442 TomLead Developer Lead Developer Glad I could help! I’m 100% self taught 🙂 Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In