Iframe scaling on WordPress page

  • Unknown's avatar

    Hello. I have a few HTML files that are uploaded to my domain via FTP. They contain weather data, so they always change.

    My main weather HTML file “/tower/wx.html” contains an iframe to display an HTML file “/tower/wx3.html” showing the current weather conditions. When I load wx.html directly (via the domain, not a WP page), it displays wx3.html perfectly – on desktops and on mobiles.

    However, when I insert that same exact iframe code into a block on a WordPress page to display /tower/wx3.html, the sides keep cutting off — or scrolling. It works fine on a desktop. The problem is on mobile devices being held horizontally. For some reason, WordPress is not auto-sizing the iframe. I tried

    , but that makes it worse.  
    
    Again, the iframes are auto-sized perfectly  when going directly to the /tower/wx.html page.  The problem occurs when I try programming it into a WordPress page.
    
    I cannot redirect users to the HTML because I need this embedded on my homepage and a few other sections that show other content.  
    
    Any ideas?  Thank you in advance.
    
    

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    This is the support forum for our free sites (which do not have FTP access) but your Business Yearly Plan upgrade includes priority live chat support that you can access 24 hours a day.

    With this in mind you are encouraged to reach out to us here, and we can take a closer look at your issue in realtime, thanks!

    https://wordpress.com/help/contact

  • The topic ‘Iframe scaling on WordPress page’ is closed to new replies.