Flybox appearing to the right of the website page on iPhone landscape

  • Resolved Jane

    (@jstepak)


    8 years, 10 months ago

    When I view our site https://www.thecollaborative-demo.com/ on an iPhone in landscape orientation the wp-flybox appears open to the right of the page instead of overlaying the page.

    In this particular case, I have the wp-flybox hidden in iPhone portrait orientation as the screen is too narrow, but when I switch to landscape there is enough room for it to appear then it appears on the side instead of overlaying.

    See attached jpg for a snapshot of how it looks.

    If you have any ideas about what is happening and how to fix this I’d appreciate it.

    https://www.ads-software.com/plugins/wp-flybox/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Jane

    (@jstepak)

    Oops. I thought I could attach a .jpg but I can’t seem to figure out how. Instead, I uploaded the image to the site at:

    https://www.thecollaborative-demo.com/images/flybox-on-iphone-landscape.png

    Plugin Author cconoly

    (@cconoly)

    Try adding overflow-x:hidden; to your html tag in css:

    html { overflow-x:hidden; }

    I will probably force the tabs to hide or shrink and not just fly off the page in a future release as I am out of town for a few weeks and cannot get it done quickly.

    Let me know how that works!

    Thread Starter Jane

    (@jstepak)

    Thanks for your reply and suggested CSS update. I tried adding exactly what you suggested and it looks perfect if you don’t try to scroll to the right, but for some reason it still allow you to scroll to the right and when you do the wp-flybox appears to the right of the page. I added “body, ” and “!important”, thinking that would make a difference:

    body, html { overflow-x:hidden !important; }

    but I’m still able to scroll to the right. (when the flybox is closed)

    Maybe I’m misunderstanding your suggestion?

    Any additional thoughts you have would be great.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Flybox appearing to the right of the website page on iPhone landscape’ is closed to new replies.