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

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

    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: 85

    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: 255

    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: 255

    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!

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