Hide Elements – Using the"div id" Will Hide the Whole Page

Hi,

I am trying to hide the Masthead of the parent page, so that the Header and the Menu will be hidden in the iframe.

Below is a snippet of the code extracted using Firebug.

The issue is, if I use the div id as “page” in the below snippet of code, but the entire page is hidden.

<div id=”page” class=”hfeed site”>
<header id=”masthead” class=”site-header ” role=”banner”>
<div class=”header”>
<div class=”main-head-wrap inner-wrap clearfix”>
<div id=”header-left-section”>
<div id=”header-text” class=””>
<h3 id=”site-title”>
</div>
</div>
<div id=”header-right-section”>
<nav id=”site-navigation” class=”main-navigation” role=”navigation”>
<p class=”menu-toggle”></p>
<div class=”menu-main-menu_home-container”>
<ul id=”menu-main-menu_home” class=”menu menu-primary-container”>
</div>
</nav>
<i class=”fa fa-search search-top”></i>
<div class=”search-form-top”>
</div>
</div>
</div>
</header>

Could you please advise how should it be done?

Thank you very much!

https://wordpress.org/plugins/advanced-iframe/