Flatsome mobile menu

I think it is caused by the delayed option

Yes and that’s the reason why should use deferred option instead of delayed.

@serpentdriver Delayed just gives better PSI results and deferred breaks layout.

What is better? A higher score, but a non working frontend or a litle lower score, but without issues at the frontend?

Anyway, I suggest using deffered and excluding the affected js files from combining/optimizing. The problem at your page is not the cache plugin. It is how your theme is build, because the guys who build themes doen’t care about good coding!

• This reply was modified 2 years, 5 months ago by serpentdriver.
• This reply was modified 2 years, 5 months ago by serpentdriver.

@serpentdriver So it’s not possible to exclude scripts when using Delayed?

You can exclude it with delayed options, but exclude means that this source is neither delayed nor deferred loaded. This is the last option if neither delayed nor deferred works with menu.

For better understanding, the menu of your page needs Javascript to work (horrible!! and very bad coding!!) and to get it work the related Javascript must be loaded and parsed before HTML code is loaded. Otherwise it doesn’t and can’t work. If delayed is selected that means that Javascript is loaded after the user does any action like scrolling or clicking, but this is too late for menu function. Deferred method could work, but this depends on the menu function, so try it. If neither delayed nor deferred method works you must exclude the related Javascript from being optimized.

I do have tried to exclude flatsome.js and even whole wp-content from Delayed and Combine. Still does not work.

Did you purge the cache after you have changed settings?

@serpentdriver Yes, I did.

I’ve just checked your page and the mobile menu works, at least the hamburger menu at the upper left corner. Is there any other menu?

Hi,

you may also need to exclude the inline javascript as well

best regards,

Hi there,

I have just tried once more.

• “Load JS Deferred”: OFF – the hamburger works well
• “Load JS Deferred”: Delayed with these tuning settings – the hamburger does not work. That’s the settings active at the moment

I really want the Deferred or Delayed option active, but of course still with the menu working.

I had set “Load JS Deferred” temporary to OFF during the weekend. Therefore it worked well.

that probably indicates you did not exclude the correct one

try simply use

wp-content
wp-includes

as the wildest excluding , purge all , see how it goes

@qtwrk Okay, putting those lines in “JS Deferred Excludes” works! So.. How do I locate the more exact folder or file?

now try to narrow down

try only wp-content or wp-include , see if it works

assuming only wp-content will work , then keep narrow it by split into sub-directories , for example

wp-content/themes
wp-content/plugins

and then repeat the process

Hi @qtwrk

Both wp-content AND wp-include is needed in order to work.

I have tried to split wp-content in all sub-folders and files:

wp-content/themes
wp-content/languages
wp-content/litespeed
wp-content/shipmondo
wp-content/upgrade
wp-content/wflogs
wp-content/plugins
wp-content/uploads
wp-content/et-cache
wp-content/mu-plugins
wp-content/.litespeed_conf.dat
wp-content/index.php
wp-content/object-cache.php
wp-includes

Which does not work either. How can that be? I am so confused about this.