When the page loads it looks horrible.

Hi @vallesierra7,

Please share your site URL, so we can check it from our end.

Does your hosting have a built-in cache feature? If they do, please try to temporarily disable it and see how the Menu goes.

I look forward to hearing from you.

Kind regards,
Herman ??

Hello, my site is https://menu.lucafood.com.co/menu/ I have had to downgrade to Elementor version 3.19 so that what I mentioned does not happen, I have also disabled my site’s cache. Currently update to the latest version of Elementor so you can observe the error.

Hello! I’v got same trouble on my site https://lokismed.ru/

On new version of Elementor 3.20.1, plugin Elementor Header & Footer Builder make my site slow and destroy it. On PageSpeed Insights rate down to 22 from 65-70 (https://pagespeed.web.dev/analysis/https-lokismed-ru/1tsovfublk?hl=ru&form_factor=mobile).

Big icon appear first on site page https://lokismed.ru/wp-content/uploads/2024/03/E_3.20.1-jpg.webp

I have had to downgrade to Elementor version 3.19. Please fix it.

Hi @vallesierra7,

This is how your site looks on my real phone [video]. Unless I missed something, it looks fine to me.

I look forward to hearing from you.

@lokismedru, as per the forum guidelines, please start your own thread. You are welcome to cross-link it to this thread, so we are aware of both.

Kind regards,
Herman ??

Hello Hernan, when the site is loading the menu it does not load hiddenly, it loads incorrectly, or at least in a way that is visually horrible, since large and disorderly icons are exposed for 1 second.

https://prnt.sc/gywvwGh88_v5

https://prnt.sc/B10mSqAyctVi

https://prnt.sc/ld2QadBnBBWg

I send an image of your video and how the loading looks on my PC.

I contacted the Elementor developers and they report that “Elementor Header & Footer Builder” is not yet compatible with the latest version of Elementor, as I indicated before when installing Elementor version 3.19.0 with the latest version of Elementor Header & Footer Builder the problem disappears, but with the latest version of Elementor the error appears.

I think the correction or update should be made for compatibility with the latest version of Elementor. I’ll stay tuned, thank you

I additionally share video

https://www.veed.io/view/6bdecc57-9086-46d4-bb03-a51118f976c4?panel=share

Hi @vallesierra7,

I got you. Thanks for sharing the screenshots and video.

Please save your Header as template and share it here. I will try to import it on my dev site and see if I can replicate the issue.

I look forward to hearing from you.

Kind regards,
Herman ??

I have the same issue, when navigating to a new page the drop down menu items are open for a second, then it collapses back down to what it should be. Latest elementor, no cache plugin.

Hi, @dspink.

We are all waiting fix from Herman. May be you start your own thread. And then, developers see that problem grow up?

Hello, I send you the link to the template of my header https://we.tl/t-LM3oBUcOd4 although I think that with any header created you can see the error or the incorrect way of displaying the menu when loading the page. I have consulted other threads, which have left the link to their site and I notice that these sites are also affected by what I indicated.

I think the plugin should be updated and have compatibility with the latest version of Elementor. I will be attentive to your comments, thank you very much.

Have the exact same issue on my site – only thing that fixes it is rolling back Elementor to 3.19

Hi, @fborrelli !

We are all waiting fix from Herman. May be you start your own thread. And then fix will be more faster?

Hi @vallesierra7,

Thanks for sharing the template. Unfortunately, I am unable to replicate it. Refer to this video, please.

Maybe anyone of you can help me by pointing at anything I missed?

Apart from that, I have brought this to our team. We’ll see if we can replicate it on our end.

Kind regards,
Herman ??

Hi Herman (@bsfherman)!

I watched your video and have a few comments.

1. The problem is clearly visible on the second, third, and so on page refresh. At first appearance, no. You have to press the “refresh” button several times.

2. On a clean header, without the page itself, this does not appear.

3. Add a large custom svg icon to the menu. I’ll add… on my site the icon should be visible only for the mobile version, but it pops up huge on the regular desktop version.

4. Make the page load with a delay. Place a large background image on the page, 300 KB or more.

5. Add text to the page and change its font to Montserrat.

As I understand it, the header appears first on the page without any style and then on our eyes css is applied to it and we see it.

• This reply was modified 7 months, 3 weeks ago by lokismedru.
• This reply was modified 7 months, 3 weeks ago by lokismedru.
• This reply was modified 7 months, 3 weeks ago by lokismedru.

I was able to fix the issue by adding a fade in on my header, if you remove the fade in then it flashes – very odd.