Home Forums Community Forum Avada 7.4 Breaks Anchors on Mobile and Tablet Devices

Tagged: , ,

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, most of our anchors are not working on mobile phones or tablets. They work great on desktops.

    To replicate the issue: Visit this website. Once loaded, navigate/hover to About > Our Team — or Services > Our Services. The navigation to the proper anchor works on desktop, does not on mobile phones or tablets.

    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.

    Anybody experiencing the same issue? Got fix?

    Thank you!

    Shaminder
    Keymaster
    Post count: 85

    Hi @jetxpert-envato

    Anchors are working in your site
    Mobile: Temp Video here → https://tinyurl.com/yzotl49j
    Tablet: Temp Video here → https://tinyurl.com/ye7vx2zk

    Additional tests done, Video here → https://tinyurl.com/yzt8f4ms

    All test are performed on real devices and not emulators

    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

    • This reply was modified 3 days, 15 hours ago by 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.