Skip to content

Instantly share code, notes, and snippets.

@loorlab

loorlab/fix_sticky_header_overlaps_anchor_elementor_css_WP.css

Created November 28, 2022 21:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save loorlab/da4b53630c8c0e9fbcf6b8cc27213e6a to your computer and use it in GitHub Desktop.
Save loorlab/da4b53630c8c0e9fbcf6b8cc27213e6a to your computer and use it in GitHub Desktop.
Download ZIP
Fix: Sticky Header Overlaps Anchor in Elementor - WordPress
Raw
fix_sticky_header_overlaps_anchor_elementor_css_WP.css
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
position: relative;
z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display: block;
height: 100px; // fixed header height
margin: -100px 0 0; // negative fixed header height
visibility: hidden;
pointer-events: none;
}
@loorlab
Copy link
Author

loorlab commented Nov 28, 2022

via https://wp-pagebuilderframework.com/sticky-header-overlaps-anchor-elementor/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment