title: How to hide elements only if viewed in an iframe
body: <p>I want to turn off a specific element in an iframe - but show it if the map is viewed separately.</p>
  
  <p>I have Google maps that I created, and they reside on the same domain, folders, etc as the site. I have control of both as far as CSS, JavaScript, etc.</p>
  
  <p>I have web pages that have the map in an iframe to display with the other content that describes the map. There is a link on the webpage to view the map separately if the user wants to see just the map by itself. In the HTML document that creates the map itself, I have an element with a link that floats above the map with the logo for the site so the user can return to the website.</p>
  
  <p>I don't want this logo to show when viewed with an iframe, but I do want it to show if the map is viewed by itself.</p>
  
  <p>I did research this, and tried methods suggested using CSS for the page with the iframe and display: none, but somehow something wasn't working.</p>
  
  <p>I don't care if it needs JavaScript, jQuery, or CSS, I just need something that works. Thanks.</p>