Home Forums Community Forum Avada 7.4 Breaks Modals (Pop-Ups) on Mobile and Tablet Devices

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • Jetxpert-Envato
    Participant
    Post count: 281

    Dear Avada or Community,

    After updating to Avada 7.4, we suddenly noticed our modals or pop-ups (created with Avada and using Gravity Forms) are no longer working on mobile phones or tablets. They now appear behind the main page and are blurry (non-functional). They display great on desktops.

    We performed the typical plugin conflict tests, and ensured our settings for Small, Medium, and Large screens are on or active. Still, the issue remains.

    To replicate the issue: Visit this website (Home or Welcome page), click on the button “Get Started” (halfway down the page). You’ll see a form pop up. Looks great on desktop, pretty bad on mobile phones and tablets.

    Anybody experiencing the same issue? Got fix?

    Thank you!

    Shaminder
    Keymaster
    Post count: 94

    Hi @jetxpert-envato

    We have tested this at our end and we do not see an issue with your modal
    ​Mobile: Temp Video here → https://tinyurl.com/ygn3qr5o
    Tablet: Temp Video here → https://tinyurl.com/yz9xn7t6

    These have been tested in real devices and not emulator

    Note that the Avada community forum is primarily for a user to user interaction.

    If you would like hands-on assistance here, please register for support and create a support ticket as explained here → https://theme-fusion.com/avada-doc/getting-started/avada-theme-support

    Thank you!

    Shaminder

    Jetxpert-Envato
    Participant
    Post count: 281

    Hi @Shaminder,

    Thank you. Issue persists. You probably tested our website when we reverted back to Avada 7.3.1 (temporarily) to confirm Avada 7.4 was the culprit.

    Yes, received your info via support ticket. Replied as well. Thank you!

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 281

    Hi @Shaminder,

    Great news! Issue solved. We racked our brains, and it paid off.

    Background:

    The issues we reported were based on tests performed with an iPhone and iPad (i.e., Safari browser). Safari offers many experimental features that — if not activated — could impact the behavior of websites using Avada.

    Solution:

    Avada 7.4 — most likely — introduced a code change that necessitates the use of one key experimental feature used by Safari. The Safari feature is called “Intersection Observer”

    So, to fix the issue and if using an iPhone or iPad, perform the following:

    Go to Settings > Safari > Advanced > Experimental Features – and turn on (toggle) “Intersection Observer”

    Voila!

    erinob
    Participant
    Post count: 1

    I am also seeing this error come up in Safari.
    ReferenceError: Can't find variable: IntersectionObserver

    Animations that are applied are causing text and sections of the page to not load at all in some headers I have set up on a site. Telling site visitors to “enable an experimental Safari browser feature to see the site fully” isn’t really a good solution.

    This seems like an issue that effects a lot of different aspects of the jquery integration when using Safari.

    Jetxpert-Envato
    Participant
    Post count: 281

    @erinob,

    You are correct! However, we need to ask ourselves the following question:

    How many other websites — using Avada or other themes — are affected by this issue? Is it really a theme or a browser issue? We don’t have the answer, but we assume Team Theme Fusion is aware of this and is working on a solution or workaround.

    Cheers!

    Metro
    Participant
    Post count: 107

    Our modal works as expected even on Safari, however we don’t use Gravity Forms.

    If the modal popup appears behind the main page, have you checked z-index?

    Avada 7.4.1
    PHP 8.0

    markoshea
    Participant
    Post count: 2

    Has this been fixed? I’m experiencing the same issue!

    Michael
    Keymaster
    Post count: 575

    Hi @markoshea

    You have active support and our support team does not provide support via the community forum. If you need assistance please create a support ticket using the link below and our support team will gladly assist you.

    Click Here To Get Avada Support

    Thank you kindly

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