Skip to content

Instantly share code, notes, and snippets.

@wplit
Last active December 3, 2020 23:04
Show Gist options
  • Select an option

  • Save wplit/ec268302c92678039dcd72f1e09f6b82 to your computer and use it in GitHub Desktop.

Select an option

Save wplit/ec268302c92678039dcd72f1e09f6b82 to your computer and use it in GitHub Desktop.
add psuedo element over header row to create the illusion of the dropdowns being underneath the header
/* Replace header row ID for your header row ID with the mega menu inside
You will also need to increase the z-index manually of any other elements inside the header
that isn't the mega menu, logos, burger, header search, everything to make them visible.
*/
#_header_row-6-248 {
position: relative;
}
#_header_row-6-248::after {
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
position: absolute;
background: inherit;
z-index: 10;
}
#_header_row-6-248 .oxy-mega-dropdown_link {
position: relative;
z-index: 100;
}
#_header_row-6-248 .oxy-mega-menu_inner {
z-index: unset;
}
#_header_row-6-248 .oxy-mega-dropdown_inner {
z-index: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment