Required stack
필요 기술
WordPressElementorCSSMetFormHTMLPHPDebugging
Project brief
프로젝트 내용
I have a WordPress site built with Elementor and the forms on three separate pages (all created with MetForm) have become un-clickable in the name and email fields. The problem shows only on desktop in every browser I have tried; mobile works fine. When I inspect in DevTools I can click the fields, so the culprit is clearly the header overlay or its z-index stacking.
What I need is twofold: first, remove the overlay conflict so each form field is fully clickable again; second, review and adjust the global header settings so the issue does not return after future edits. No other layout changes are required.
You will probably solve this with clean CSS or by tweaking the Elementor header template, but I’m open to whatever approach is quickest and safest for production. Once complete I’d like you to walk me through the change so I understand what was done. Access to the WordPress dashboard and Elementor Pro is ready as soon as we agree to start.
What I need is twofold: first, remove the overlay conflict so each form field is fully clickable again; second, review and adjust the global header settings so the issue does not return after future edits. No other layout changes are required.
You will probably solve this with clean CSS or by tweaking the Elementor header template, but I’m open to whatever approach is quickest and safest for production. Once complete I’d like you to walk me through the change so I understand what was done. Access to the WordPress dashboard and Elementor Pro is ready as soon as we agree to start.