Embed live site responsive

  • Hi,

    We have created a wordpress site and we have within our server another page which is not in wordpress as it is a game and we would like to show that html page within one of our posts. Is there a plugin or code we can use to show this and the page still be responsive.

Viewing 3 replies - 1 through 3 (of 3 total)

  • A pretty simple solution would be to embed the page into an iframe. I use Advanced iFrame for that purpose. If you give the iframe relative sizes, the resulting size can be completely controlled by the embedding WP page. For more complex interactions between parent and child page, this plugin gives you a whole range of options from CSS tweaks through hiding specific elements, browser detection up to running custom Javascript on iframe load.

    To be clear, your embedded page must itself react in a responsive way to size/device changes.

    See here for an example based on Pinboard Theme. (The shortcode uses
    width="100%" height="800" onload_resize_width="true" scrolling="no"
    for controling the size plus some pretty simple CSS for border + margin.)

    Thread Starter xenexmedia

    (@xenexmedia)

    Hi,

    Thank you so much for taking the time to respond.

    I tried the free version of the plugin to ensure it worked on the site. All seems great on a desktop but not working correctly on responsive viewport. Maybe the issue is the actual site however that works fine if you click the page.

    Below is my advanced Iframe version

    https://www.cake2therescue.com.au/bakerkids/test/

    Here is the URL I am trying to insert.
    https://www.cake2therescue.com.au/bakerkids/games/coloringbook_3/

    Any help would be greatly appreciated!!!

    Plugin-specific questions you should probably take to the plugin author.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Embed live site responsive’ is closed to new replies.

Tags