Popup size in Safari not filling the whole popup and play button missing

  • Resolved Horace Leung

    (@horaceleung)


    5 years, 10 months ago

    1. https://suitablepro.com/product/shirt-multi-color-ii/#page-top
    2. When I click on the play button next to “Chest Size” it will bring up the popup.
    3. The layout is different in safari and Chrome. In Safari, we see the video size changed and forced to scroll horizontally. The play button also does not show properly.
    4. The play button next to Chest Size. Please keep clicking next until arrive at measurement page, and just select any measurement to bring up the chest size button

    • This topic was modified 5 years, 10 months ago by Horace Leung.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @horaceleung – Your using Remote Content incorrectly is part of it. Your play button should be a link to the video itself, then use the iframe method. This way any trigger that is clicked changes the iframe src to the link of the trigger clicked.

    As for the other issue, its because the popup is technically positioned by top positioning to sit on the bottom of the screen, but the height of the popup changes as the video loads.

    You likely need to hard code the size of the popup with a max-width, and add a CSS max-height to the video to keep it from changing sizes as it loads.

    Essentially when the popup opens the content area is ~240px high, the video iframe loads and the size gets taller, but since its positioned from the top, that makes it go off the bottom of the page.

    You need to make it not get taller.

    Hope that helps. If your issue is resolved please take a moment to rate and review the plugin or support.

    If you still need help please message us directly at https://wppopupmaker.com/support/.

Viewing 1 replies (of 1 total)
  • The topic ‘Popup size in Safari not filling the whole popup and play button missing’ is closed to new replies.