• Resolved abdullahmaqsood

    (@abdullahmaqsood)


    Hello, I am a user of your light speed plugin and I appreciate your work. However, I have encountered a problem with the plugin that affects the loading of my menu. Whenever I set the JavaScript to delay in the plugin settings, the menu does not load properly on both desktop and mobile versions of my website. On the desktop version, the menu only loads when I hover over it with the mouse. On the mobile version, the menu only loads when I touch or scroll on it with my finger. This is very inconvenient and frustrating for me and my visitors. Can you please look into this issue and provide a solution or an update? Thank you for your time and attention.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support qtwrk

    (@qtwrk)

    please check if you have set defer JS to delay , in page optm -> js option

    Thread Starter abdullahmaqsood

    (@abdullahmaqsood)

    There is a delay but still this issue is coming and when I put it on deferred it gets fixed but my site speed gets slow.

    Thread Starter abdullahmaqsood

    (@abdullahmaqsood)

    I have put it on delay. Maybe this is the reason for the issue. Can you tell me how to exclude the menu? I do not have any coding knowledge. I tried to go to the settings and paste the links of the Jet Menu plugin js files in tuning, but it did not exclude. And I have also applied animation on a text, it also starts only on hover.

    Plugin Support qtwrk

    (@qtwrk)

    it’s most likely some inline javascript

    you could try string like jet- , add it into Page Optm -> tuning -> JS exclude and defer JS exclude , and purge all

    Thread Starter abdullahmaqsood

    (@abdullahmaqsood)

    Not working i put jet-menu or jet- but not working for me

    Thread Starter abdullahmaqsood

    (@abdullahmaqsood)

    when i load the site my header won’t show until i hover over it. for pc it might be not noticeable but in mobile i have to clicked it i have tried /wp-content/ and some inline js but it doesn’t seems?to?be?targeted and i am using jet menu plugin and its mega menu widget

    var scripts = document.getElementsByTagName(“script”);
    for (var i=0;i<scripts.length;i++) {
    if (scripts[i].src) console.log(i,scripts[i].src)
    else console.log(i,scripts[i].innerHTML)
    }

    i have tried to get all scripts on external giving me their src while for internal giving me?their?innerhtml
    for example:
    ‘class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement(“span”),this.deviceMode.id=”elementor-device-mode-wpr”,this.deviceMode.setAttribute(“class”,”elementor-screen-only”),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,”:after”).content.replace(/”/g,””);this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(“.elementor-invisible[data-settings]”).forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if(“none”===n)return void t.classList.remove(“elementor-invisible”);t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove(“elementor-invisible”),t.classList.add(“animated”,n),this._removeAnimationSettings(t,e)},i);window.addEventListener(“rocket-startLoading”,function(){clearTimeout(s)})}_listAnimationSettingsKeys(t=”mobile”){const e=[“”];switch(t){case”mobile”:e.unshift(“_mobile”);case”tablet”:e.unshift(“_tablet”);case”desktop”:e.unshift(“_desktop”)}const i=[];return[“animation”,”_animation”].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener(“DOMContentLoaded”,RocketElementorAnimation.run);’

    for e.g this is one of the script if i want to exclude it from being delay, how can i exact the partial?string?from?it.

    Plugin Support qtwrk

    (@qtwrk)

    you can just use any part of it , ideally should be unique to this script only , e.g.RocketElementorAnimation

    Thread Starter abdullahmaqsood

    (@abdullahmaqsood)

    I tried adding unique strings extracted from all the inline JavaScript to the JS Deferred / Delayed Excludes, but it didn’t work. Maybe the JS Deferred / Delayed Excludes in the tuning is not working.

    Plugin Support qtwrk

    (@qtwrk)

    did you enable JS minify/JS combine ? if that so , you may need to add them into minify/combine excluding list as well

    and you may need to check the developer tool , some JS might be loaded by another JS , so if loader JS is delayed , then it won’t work if you only exclude the loaded JS

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Litespeed plugin and jetmenu plugin compatibility issue’ is closed to new replies.