Home Forums Community Forum Avada 7.4 Breaks Sticky Menu (Several Pages) on Mobile and Tablet Devices

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

    Dear Avada or Community,

    After updating to Avada 7.4, we noticed the Sticky Menu stopped working on some of our pages when viewing our website with mobile phones and tablets. So weird!

    We performed the usual tests (i.e., plugin conflicts; check settings for small, medium, and large screens; clear cache; etc), but the issue remains. Also, to confirm the issue is caused by Avada 7.4, we reverted back to Avada 7.3.1 and EVERYTHING works great.

    Anyone experiencing this issue? Got fix?

    Thank you!

    Shaminder
    Keymaster
    Post count: 85

    Hi @jetxpert-envato

    We have checked this at our end and your site is working well with the sticky header

    Mobile: Temp Video here → https://tinyurl.com/yhqt4mk6
    Tablet: Temp Video here → https://tinyurl.com/yedvesl3

    All tests were done in 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

    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 activate — 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!

    Steve
    Participant
    Post count: 18

    @jetxpert-envato

    Great find. Interestingly, that feature was already enabled on both my iphone and ipad, and according to MDN has been supported since iOS 12.1 which might explain why some did not encounter the issue.

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