Large discrepancy between PageSpeed Insights results for desktop and mobile

I can see that Masonry gallery is disabled on home page: https://snipboard.io/odIEtr.jpg

There is a
<div class=”av-masonry-container isotope av-js-disabled “>
and
<div class=”av-masonry-entry isotope-item av-masonry-item-no-image “>
code in console.

It still does not explain counters issue, but maybe if couple animated elements are broken, something is wrong with styles or js?

Hi Rikard,
thank you for your reply. Sorry for many touching couple problems here but firstly I thought they are connected with each other.

Last night I asked the developer for help and he was able to resolve the problem with animations. In fact, I can hardly explain what was wrong – something with jQuery lib. I know he had to disable almost all options in Enfold/Performance menu.

Unfortunately I still face the problem with header.
When refreshing the page the header of the correct height is loaded first. A moment later it gets small. I reviewed all the theme settings and I think they are correct – the header should be 100px high.

You can easily see the problem here: https://www.sensity.pl/zdrada/
1. At first it loads properly – like it was before and should be: https://snipboard.io/EBwaCp.jpg
2. After a second it becomes low, as it should after you start scrolling down the page: https://snipboard.io/F9BynW.jpg
3. Interestingly, on this page, you can see the correct header with a white background (overlay) after scrolling down – it should be everywhere like this: https://snipboard.io/HvXe8Q.jpg, but on homepage it is almost transparent: https://snipboard.io/DHVpGf.jpg but submenu looks fine.

Before everywhere it was 100 px high with big logo on top, getting smaller (lower) with white overlay when scrolling down.
Can you find the reason why it has broke?
regards!
Chris

No idea. :(
I review Quick CSS section but nothing like that found there. I’m quite sure this is the only place I could add css (mainly thanks to your help) because I’m not a programmer.

Hi,
even worse. I’ve commented the code you’ve added. :(
Header and logo become larger but it didn’t get smaller while scrolling the site – the header covers the content more than before. It was even more confusing because the overlay is still present on some pagers, and there is no overlay on others https://snipboard.io/iczEj3.jpg.

It worked fine, like on the demo: https://kriesi.at/themes/enfold, until some day (don’t ask me which) so I’d rather try to find a bug than add more code to cover incorrect code. On common sense….. ;)

Would you try to take another look at this?
Regards!
Chris