This is my first post ever. Please be considerate.

I have an iframe :

 <div>
  <iframe  id="myIFrame" src="https://app.repree.com"  width="500" height="500" title="description"></iframe>
</div>
    <script src="popup.js"></script> 
</body>

I would like to go through the login (working as of now) and then remove or hide some of the HTML tags (not working as of now) so that only certain key features of the website appear.

Say.. only Activities and forms tab. (View picture for reference) Page after login

Each time I try to access the html of the iFrame, a null exception is shown to me. Thus, making me unable to affect the display of the page.

If anyone has any ideas, do please tell.

What I have tried so far:

• Using JQuery
• iFrame alternatives (webview, etc) : these would not display anything at all!

What I expected

• JQuery would remove the elements successfully.