iframe on smart phone truncates content

  • Resolved webworks

    (@webworks)


    6 years, 1 month ago

    Hello, on the above link near the very bottom is a button “Apply for the Deal Room”

    This is the code I’m using for the iframe:

    <h2><span style="color: #ffffff;"><a style="color: #ffffff;" href="https://svnrock.ca/form/?iframe=true&width=80%&height=90%" rel="wp-video-lightbox[iframes]">Apply for The Deal Room</a></span></h2>

    The issue we’re having is, although the iframe seems to open the full width, the scroll bars are right down the middle and the form is truncated…all content stops at the center where the scroll bar is.

    How can we have the form take the entire width that is defined? How do we place the scroll bars on the *far* right?

    Thank you in advance for your response –

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    Hi, I checked your site and understand your issue. Just for testing purposes, can you test one of WordPress default themes like Twenty Seventeen?

    Thank you

    Thread Starter webworks

    (@webworks)

    I tested it on a default twenty seventeen theme, as well as “Vantage” premium theme. It’s still truncating and the close X isn’t visible ??

    Is there some quick css to switch to a regular link for mobile?
    Something similar to this perhaps?

    .lightbox-overlay {
    display: none !important;
}

@media (min-width: 1200px) {
    .lightbox-overlay {
        display: block !important;
    }
};

    We changed the form itself from a script to a hard link:
    Alternate Theme Test

    • This reply was modified 6 years, 1 month ago by webworks.
    • This reply was modified 6 years, 1 month ago by webworks.
    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, looking at your shortcode above I realized that our plugin is not going to work for a form. The iframe code is meant for videos, images. You can find out more about it here.

    Kind regards

    Thread Starter webworks

    (@webworks)

    Can you please let me know how to disable your plugin for mobile?

    Thanks in advance for your response.

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, I guess you could try using something similar to @media. However I am not sure how to disable the whole plugins functionality for mobile devices. As I mentioned earlier the functionality of this plugin is to work with images and videos. It was not designed for forms.

    Kind regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘iframe on smart phone truncates content’ is closed to new replies.