12 Replies Latest reply on Jul 24, 2018 8:06 AM by idezin

    Muse page as interactive responsive iframe - white space at bottom

    idezin Level 1

      Hey folks I could really use some help here - I have a page that I created in muse and my client needs it to display as an interactive responsive iframe in another site within a Wild Apricot platform page.

       

      I'm a designer with no programming expertise and this problem is making me crazy. It concerns the height of display when the screen sizes down responsively. I'm getting a massive white space at the bottom of the page that I created in Muse when viewed on mobile devices. Maybe this is an easy fix that I'm completely ignorant on how to go about making?

       

      I gotta make this work - deadline approaching rapidly. Thank you for any assistance!

       

      My original page is here:

      Home

      https://bygauntt.com/nmmap/

       

      Here's the code I am using to bring the iframe into the client site

      <iframe src="https://bygauntt.com/nmmap/"width="100%" height="912" frameborder="no" scrolling="no"></iframe>

       

      I set the height to 912px but when the browser is resized tons of white space shows up at the bottom!

       

      And below are two screen grabs showing the responsive display results

       

      Full width in browser - looks great

      Screen Shot 2018-07-19 at 3.54.12 AM.png

       

      Narrow width in browser - tons of white space below

      Screen Shot 2018-07-19 at 3.54.22 AM.png