My Elementor-built WordPress site uses a masonry gallery and a sticky header. Right now, whenever a visitor clicks one of the gallery images the enlarged view slips behind the header, making part of the picture impossible to see. I only need a clean CSS adjustment that raises the gallery overlay (or lowers the header) so the image always sits fully on top, with no side effects on responsiveness or existing animations. The theme and plugins will remain unchanged; I’m simply looking for the correct selectors, z-index values, and—if necessary—overflow rules added to the child theme or Elementor’s custom CSS panel. Please test the fix on desktop, tablet, and mobile breakpoints, then hand over either the CSS snippet or apply it directly if I grant temporary admin access. I’ll confirm the work is done once every clicked image appears completely above the sticky header across standard browsers.