Hi @butterflyanne,
Sorry to hear about your issue. I have just tested the Simple Menu widget with the vertical layout on our end, but I couldn’t replicate the behavior you’re describing.
Could you please share a screen recording of the issue? This will help us better understand the behavior you’re experiencing.
Also, please send us the URL of the page where the issue occurs so we can investigate it on our end.
Once we have these details, we’ll look into it and get back to you as soon as possible.
Looking forward to your reply!
Hi Paul,
Many thanks for your quick answer. here is the url: https://dev-lacademie-des-arts-de-vivre-heureux.annegencie.fr/
How can I share the video?
Many thanks
Here is a link to download the video
https://fromsmash.com/IwQRUO6Z2P-ct
Hi @butterflyanne ,
Thanks for the details. The flash happens because clicking a Simple Menu link triggers a full page reload, and on your site the menu’s colors (Elementor Global Colors) are being loaded via inline CSS instead of a cached external file. So they briefly re-render on each load, causing the flash.
Could you please try these steps?:
- Elementor > Editor > Settings > Performance > set “CSS Print Method” to “External File.” Please check the demo here: https://d.pr/v/m3TQbs
- Elementor > Editor > Tools > General > click “Clear Files & Data”
- Clear any caching plugin/CDN cache.
Let us know if the flash persists after that.
Best regards,
Hi @butterflyanne
Hope you’re doing good.
We haven’t received any further details or updates from your end. Your feedback is crucial for us to address the matter effectively.
If the issue persists or if you have any additional information to share, please don’t hesitate to inform us. Your information will be really helpful for us to investigate this case.
Thank you for your cooperation and understanding. We eagerly await your response.
Best regards,
Hi @ashikurwp
Sorry for my late answer but yesterday it was bank holiday.
I made the changes you asked me but the flash is still here
Many thanks
Best regards
Hi @ashikurwp
I confirm you that the problem comes from the simple menu widget, I’ve tried with a WordPress menu and another menu widget and I do not have the same issue.
you can still see the Simple menu widget on this page : https://dev-lacademie-des-arts-de-vivre-heureux.annegencie.fr/blog-seraphine/.
Thanks again, I hope you could help
Anne
Hi @butterflyanne ,
That seems unusual. Could you please use the custom CSS below:
.eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-vertical {
display: block !important;
}
You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.
After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code. Please check this screencast to learn more – https://d.pr/v/QrrfTw
Please check and let us know how it goes.
Thanks
Hi @ashikurwp,
Well done, it works with this code on computers!
But the flash still remain on phones, when I click on the menu, the page refreshing is very noticeable.
Best regards
Anne
Hi @butterflyanne ,
I’m delighted to know that it works on desktop. Could you please add the following CSS to the mobile version as well?
@media (max-width: 1024px) {
.elementor-widget-eael-simple-menu.eael-hamburger--tablet,
.elementor-widget-eael-simple-menu.eael-hamburger--mobile {
.eael-simple-menu-container.eael-simple-menu--loading ul.eael-simple-menu-vertical {
display: none !important;
}
.eael-simple-menu-container ul.eael-simple-menu-vertical {
display: none;
}
}
}
Please follow the same steps to add above CSS. Hope your mobile flash issue will be fixed as well.
Looking forward to hearing back from you!
Thanks!
