Jetxpert-EnvatoBlockedJune 10, 2021 at 7:11 pmPost count: 339
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!ShaminderKeymasterJune 11, 2021 at 7:14 amPost count: 135
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
ShaminderJetxpert-EnvatoBlockedJune 11, 2021 at 3:33 pmPost count: 339
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-EnvatoBlockedJune 11, 2021 at 10:56 pmPost count: 339
Great news! Issue solved. We racked our brains, and it paid off.
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.
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!erinobParticipantJuly 8, 2021 at 8:56 pmPost 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-EnvatoBlockedJuly 10, 2021 at 11:37 pmPost count: 339
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!MetroParticipantJuly 11, 2021 at 5:56 amPost count: 116
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?
PHP 8.0markosheaParticipantAugust 6, 2021 at 10:03 amPost count: 2
Has this been fixed? I’m experiencing the same issue!MichaelKeymasterAugust 6, 2021 at 5:12 pmPost count: 644
- You must be logged in to reply to this topic.