Top half of header not clickable / responsive

[alforno]

Hello,

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!