Mobile Menu doesn’t work

Sorry, I was trying to fix this via quick css changes.
Now the burger menu is visible again but doesn’t unfold on the front page. If you could take a look, please. Thank you!

I have upated the theme but the problem remains….

Please note that I have edited front-page.php to the following to use MightySlider:

<?php /*
This page is used to display the static frontpage.
*/

// Fetch theme header template
get_header();
/*
require(‘fullscreen-slider-with-kenburns-effect.html’);*/
?>
<iframe src=”fullscreen-slider-with-kenburns-effect.html” style=”display:block; border:none; height:100vh; width:100%; “></iframe>

<!– This page is generated outside of WP by: /wp-content/themes/CURRENT-THEME/home.php –>
<!– Your HTML Code Here –>

Yes, when I remove the code (e.g., by renaming front-page.php), it does work. I thought the problem might be caused by the iframe? But you are right, I am using the element or plugin, although not for the front-page. Any suggestions?
Thank you,
Holger

Could you help me how to do that? I am not familiar with code blocks, and also not sure what you mean by “top of the page”. Thank you!

I tried this, still doesn’t work… I don’t think the slider is capturing the click, as clicking on the search icon next to the burger menu works. The burger menu just doesn’t open.

<?php /*
This page is used to display the static frontpage.
*/

// Fetch theme header template
get_header();
/*
require(‘fullscreen-slider-with-kenburns-effect.html’);*/
?>

<section class=”avia_codeblock_section avia_code_block_0″ itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”&gt;
<div class=’avia_codeblock ‘ itemprop=”text”>
<iframe src=”fullscreen-slider-with-kenburns-effect.html” style=”display:block; border:none; height:100vh; width:100%; “>
</iframe>
</div>
</section>

<!– This page is generated outside of WP by: /wp-content/themes/CURRENT-THEME/home.php –>
<!– Your HTML Code Here –>