Minify removes sticky menu

Hello @matthftw

I am sorry about the issue you are experiencing with the sticky menu and I am happy to assist you with this.
Can you please disable the settings in Performance>minify one by one (HTML minify, JS minify, CSS minify) and see which one might be causing the issue.
Make sure to save all settings and purge the cache after each option is disabled.
Once we establish which Minify option may be causing this, we can determine which file does not agree with being minified.
If the CSS or JS minify is the problem you can try to switch to “Combine Only” instead of “Combine and Minify”. If that does not help, then some files need to be excluded from the minification.

Let me know if this helps!

Thanks!

Hi @vmarko ??

JS Minifying is the cause.
“Combine only” doesn’t help!

Thank you for your quick answer!

Hello @matthftw

Thank you for yoru feedback.
Yes, I can see that now when JS minify is disabled that the sticky menu is working as expected.
I’ve checked all the JS files that are loading in the network tab, and there are 17 files loading on your server.
So one of those files needs to be excluded from the minify. Simply by looking at the file names I am guessing that the file: /template/includes/builder/feature/dynamic-assets/assets/js/sticky-elements.js needs to be excluded.
Go to Performance>Minify, scroll down to the advanced section, and add the path to the file in “Never Minify following JS files”:
/template/includes/builder/feature/dynamic-assets/assets/js/sticky-elements.js
Save all settings and purge the cache (Make sure that JS minify is re-enabled) and see if the problem persists.

Thanks!

Actually quite strange, it worked once and then it stopped working.
It was working on the homepage but when I refreshed, the menu was back to the top.

I purged cache and tried again, it doesn’t work…

Damn Marko, I found out… Haha
I pasted your link, but it’s not the good one on my server side.
Pasted the good one and it works!

Actually, it doesn’t work right away, I have to refresh when I’m on a page and then the sticky menu comes back. Any idea why it’s doing this?

You’re the GOAT.

Hello @matthftw

Thank you for yoru feedback.
I’ve checked your website and after a hard reload (CTRL + F5) Sticky menu was working as it should.
The reason you need to reload the page and this should be done only once is because the cache is also stuck in your browser.
Can you please confirm everything is working as expected? Also, try the incognito window and see if it works!

Thanks!

I was on incognito window on Google Chrome and I had to Refresh in order to make it work. Now it’s working, same on other web browser!

Thank you again, I was fighting hard to find out what was going on!

Any idea why I’m still stuck at 40 on mobile while i’m 98 on desktop (PageSpeed Insight)?

Hello @matthftw

Thank you for yoru feedback and I am glad that the problem is resolved.
It’s always more difficult to achieve a great score on mobile than on desktop. And the main reason for this is how GSP determines the mobile score. The speed is measured with 3g which of course will give a lower score.
Divi Builder is a very powerful tool that uses a lot of JS to build your pages. And this means that the amount of JS files are also taken into consideration when testing the mobile page.
So if you want to have a perfect score for mobile, you should use some very lightweight theme, or use AMP and redirect mobile users to AMP. AMP will simplify your website to a minimum and remove all “extra” JS files.
You can move forward by optimizing the images, appropriately sized to save cellular data, convert images to webp, and as mentioned serve AMP for mobile users.

If you check your website on mobile (I’ve tested this also) you will see that the speed is great, and the user experience is fantastic.

Let me know if you have any other questions.

Thanks!

You are the greatest, @vmarko , thank you for all your advises and support!
I will try that, indeed ??

Hello @matthftw

You are most welcome!

We would really appreciate it if you could take a minute and post a review?here. This will help us to continue offering a top-notch product to users.
Thanks!

Hello again @vmarko !
I hope you’re fine ??

I’m sorry but today the problem is back… I don’t understand why, I didn’t change a thing.

I’m trying to see if there is another JS to set on “Don’t Minify”.

Best regards,

Hello @matthftw

Thank you for yoru feedback.
I’ve checked your website and I can see that at this moment everything is working as expected and Minify is enabled.
Can you please confirm this?
Thanks!

Hello again @vmarko ! I’ve set 3 JS “Don’t Minify” and it’s working for the moment ??

Thank you a lot for your support, I will leave a review ^^

Have a good day!

Hello @matthftw

Thank you for yoru feedback. It’s a possibility that in some cases more files are responsible for this.
Glad to know it’s working as it should now.
And thank you in advance!