Changing The Header Menu z Index In OceanWP

I found an issue with the Elementor Mega Menus block with OceanWp header menus. The mega menus would appear on top of the OceanWP header menus if the dropdown overlaps a row of Elementor Mega Menus. To fix that use this small bit of custom css to change the z-index of the header.

oceanwp header z index

#site-header {
z-index: 1000;