Last active
December 3, 2020 23:04
-
-
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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