KelsieLauck

I installed an iframe to this website and originally had issues with it not displaying the full content, so I added some javascript. Now I'm having issues with the page dropping down to the iframe upon loading instead of letting the viewer scroll down to it. Help! This is the code I am starting with: <style> .styled-iframe { width: 100%; border: 2px solid #000; /* Add a border */ border-radius: 10px; /* Make the border corners rounded */ box-shadow: 5px 5px 15px rgba(0,0,0,0.3); /* Add a shadow */ } </style> <iframe id="myIframe" class="styled-iframe" src="https://matrix.canopymls.com/Matrix/public/IDX.aspx?idx=f4033431" frameborder="0" marginwidth="0" marginheight="0"></iframe> <script> function setIframeHeight() { var iframe = document.getElementById('myIframe'); iframe.style.height = window.innerHeight + 'px'; } window.onload = setIframeHeight; window.onresize = setIframeHeight; </script>

Okay, so I got this to work, but I needed the image to render smaller than it was loading. I managed to get it smaller on desktop, but now it is out of line in mobile! This is the code I used /* Burger */ .header-announcement-bar-wrapper [href="/burger"], .header-menu--folder-list .header-menu-nav-item [href="/burger"]{ height: 32px; width: 20px; background-image: url(https://static1.squarespace.com/static/6126e75fd94a5022e15cc34a/t/62b2249c3b64af02534957c8/1655841948620/OHM+Burger+2.pnghttps://static1.squarespace.com/static/6126e75fd94a5022e15cc34a/t/62b223486887c3517510ab82/1655841608309/OHMBurger.pnghttps://yourimagelink.png)!important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; color: transparent !important; } I've attached screenshoots of how it is currently rendering.

Site URL: https://www.ohellomedia.com/all-projects?offset=1553705977185 Hello, A client has their site being rebuilt in 7.1 from 7.0 and when recreating their portfolio, we built it into projects rather than blog posts. Does anyone know how to take multiple project pages (or categories) that have several individual projects in them and group them back into 1 page? Below is a link to what they had before. https://www.ohellomedia.com/all-projects?offset=1553705977185 Thank you!