Archived topic
Nav Menu Float/Overlap Header?
5 replies · Started by Tyler on August 11, 2018
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!
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 :)
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?
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 :)
Tom! Always 100% accurate - thank you! Worked like a charm. Did you go to college for code?
Glad I could help!
I'm 100% self taught :)
