When trying to load another page above my own, I attempted using the iframe method with some success. However, while the iframe displays over the full screen, the content on my page also remains visible below the iframe when scrolling to the bottom of the page. Is there a way to place the iframe on top of this content, or perhaps use a lightbox or similar solution? As a novice in coding, I struggled with getting the iframe to display over the entire page...
This is the template code I used for this purpose.
<?php
/**
Template Name: Content Only
*/
?>
<html>
<head>
<title><?php wp_title( '|', true, 'right' ); bloginfo('url'); ?></title>
<style>
html,body,div,iframe {height:100%;}
p {position:relative;overflow:hidden;}
iframe {border:none;width:100%;}
body {margin:0;padding:0;}
</style>
</head>
<body>
<?php while (have_posts()) : the_post(); ?>
<?php the_content(); endwhile; ?>
</body>
</html>
After inserting the iframe into the text editor on the page where I wanted it to show, I encountered the issue of the content remaining below the iframe (with double scroll bars).
I am seeking a solution that will allow me to display another site above (in front of) my own site.