Section Elementor invisible dans WordPress mais visible sur le site en lign

[Mohamed Mohamed]

Bonjour,

J’ai un problème avec mon site WordPress utilisant Elementor. Certaines sections que j’ai animées apparaissent parfaitement sur le site en ligne, mais elles ne s’affichent pas dans le tableau de bord WordPress (dans l’aperçu de la page).

Si je supprime l’animation, la section réapparaît immédiatement dans WordPress.

En inspectant l’élément dans le tableau de bord, j’ai trouvé que la section avait la classe CSS suivante :

.elementor-invisible {
    visibility: hidden;
}

Il semble donc que l’animation soit bloquée dans WordPress, ce qui rend l’élément invisible dans le tableau de bord.

J’aimerais savoir : est-il possible de corriger ce problème pour que la section s’affiche également dans WordPress sans devoir supprimer l’animation ?

J’ai déjà essayé :

• Vider le cache (LiteSpeed Cache et navigateur)
• Régénérer le CSS et les données Elementor

Mais le problème persiste.

Est-ce que quelqu’un a rencontré ce problème ou connaît une solution ?

Merci beaucoup pour votre aide !

...

[Timika]

Salut,

Oui, j’ai déjà rencontré ce problème avec Elementor, surtout avec certaines animations d’entrée. En général, le souci vient du fait que dans l’éditeur WordPress, le script qui déclenche l’animation ne se lance pas correctement, donc la classe elementor-invisible reste active au lieu d’être retirée après le chargement. Résultat : l’élément reste caché uniquement dans l’éditeur alors qu’il apparaît bien sur le site public.

Dans plusieurs cas, le problème venait d’un conflit avec l’option de chargement optimisé des assets ou avec LiteSpeed. Essaie aussi de désactiver temporairement les optimisations JS/CSS et le “delay JS” si tu l’utilises. Tu peux également tester en passant l’animation sur une autre (fade au lieu de slide par exemple), certaines posent plus de problèmes que d’autres dans l’éditeur Elementor.

luckyelf.fr

...

[Auteur]

Messages