Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 16, 2015 at 8:55 pm #504378
    mdmllc

    We are currently installing an iframe for a client who will have an external page host real-time race results. We have tried HTML code and plugins to try and pull a 100% width iFrame of this external page (we do not want to detour our audience off of our page for SEO and privacy reasons).

    The issue becomes that this works only on Safari but does not appear in either Chrome or Firefox. In addition, the iFrame does not work properly on mobile. We have tried the same code on a blank WordPress install and they work fine, leading us to believe there have been conflicts with Enfold.

    To my knowledge, site is up to date and we have tested with plugins disabled – still occurs.
    On the home page, the first tab is a plugin and the second tab is the source code itself.

    Could you offer some assistance or possibly CSS stylings to make this universal and appear consistently? Thanks.

    September 16, 2015 at 9:29 pm #504394
    Basilis

    Hey mdmllc!

    What is the link of the page u include in the iframe?
    Sometimes safari does actually have some issues with names…

    Regards,
    Basilis

    September 16, 2015 at 10:34 pm #504425
    mdmllc

    Well, Safari works fine – it’s Chrome and Firefox that doesn’t work?

    Anyway, we will be implementing iframes quite heavily for race times, so here is a few URLS that we’ve plugged in that do not work.

    September 17, 2015 at 3:08 pm #504861
    Andy

    Hi!

    I checked on Chrome and Safari and all three pages look the same on both browsers for me. So not sure what you want to achieve.

    Best regards,
    Andy

    September 17, 2015 at 3:19 pm #504880
    mdmllc

    I am hoping to make the iFrames pull in the external website?

    Firefox: https://gyazo.com/9a6996935f3d24a2e639b65c245b32d6
    Safari: https://gyazo.com/856a641bd6bc4874f84679df54824c63

    In Safari, like I mentioned before, works. Chrome/Firefox does NOT. Am I missing something?

    As a note, adblock is disabled as well.

    After this issue is focused on, I’ll bring up the mobile/responsiveness issues. :)

    September 17, 2015 at 4:44 pm #504977
    Andy

    Hey!

    I checked Chrome, Firefox and Safari and it works expected on all browsers for me. Make sure to use newest browser versions and clear browser cache before hard refreshing a few times.

    Best regards,
    Andy

    September 17, 2015 at 5:14 pm #505005
    mdmllc

    Hi, Andy! Could you screenshot your end? We’ve tried multiple solutions and can not even pull up the iFrame with external page showing on Chrome and Firefox even now.

    September 18, 2015 at 4:39 am #505215
    Ismael

    Hey!

    This is what I get when I embed the page in a code block:

    This is the actual embed code:

    <iframe src="http://vismilwaukee.clubspeedtiming.com/sp_center/Toptime.aspx?days=1&track=2" width="100%" height="500px"></iframe>

    Best regards,
    Ismael

    September 21, 2015 at 6:55 pm #506617
    mdmllc

    Hi Ishmael! Hope you had a great weekend.

    Unfortunately, this doesn’t seem to work. Would the next step be you logging into the website to test yourself? I do apologize for the back and forth – but we have not had any resolution to the matter. Thank you for troubleshooting!

    September 22, 2015 at 1:50 am #506755
    Josue

    Hey!

    Try placing the code directly on a simple Page (Text tab) and activate the default WP theme to discard if the issue is theme-related:

    <iframe src="http://vismilwaukee.clubspeedtiming.com/sp_center/Toptime.aspx?days=1&track=2" width="100%" height="500px"></iframe>

    Regards,
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.