Upgrade Elementor to 3.20.2. Now this problem is clearly visible when loading the main page of the site… A large icon appears and all drop-down menus open. Please help me…
I reproduced the problem on another site. This is clearly visible on a mobile phone. To see it exactly, you need to refresh the page twice. When the page loads, all submenus open. I am ready to provide the necessary data.
Removed child elements and custom icon from the menu. It’s gotten a little better, but the problem persists. At the very beginning, a crooked menu appears. I’m not rolling back to version 3.19 yet, I hope for a fix to be released soon.
I found “fade in” and played with it. Looks less terrible, but still shows the huge background for a moment. The reason is precisely in the Nav Menu block. I’m tired of waiting for a solution to the problem. I spat on the drop-down menu and made the usual links on the header section.
After removing the Nav Menu block from my Header section, performance in PageSpeedInsight doubled from 34 to 72. The problem “Avoid large layout shifts, 3 layout shifts found”, which is visible in my first post, has also been fixed.
No Herman, removing the Nav Menu block is not a solution to a problem that you cannot even reproduce on the development server. Just like rolling back to Elementor 3.19 is not a solution to the problem. I continue to wait for the patch to come out.