By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Top half of header not clickable / responsive



New Member

I have created my site header using the elementor menu block and placing it at the top of the page however the top portion of it is not responsive. It seems like there is an invisible approx 40px margin at the top of the page that is preventing me click on anything in this area, as when I move the header section further down the page it's working properly. I have used the astra theme and elementor to build the site. I have searched around and tried the following CSS to remove the theme header,

add_action( 'wp', 'astra_remove_header' );

function astra_remove_header() {
remove_action( 'astra_masthead', 'astra_masthead_primary_template' );

However I'm still having the same problem.

Thanks in advance!
Last edited:

Latest Resources

Other Elementor Resources

elementor official