Actualités WordPress, CSS & Webdesign, OceanWP & Elementor.

Un peu de CSS pour fermer la Table des matières d’Elementor PRO

La version 2.8 d’Elementor PRO à apporté le widget Table des matières. D’un utilisation simple et pratique il propose une option pour fermer la table des matières par défaut sur tablettes et mobile, par contre ce n’est pas possible sur ordinateur. Je vous propose une astuce CSS pour obtenir ce comportement par défaut sur les écrans de plus de 1024 pixels de large.

Pour obtenir le comportement fermé sur toutes les tailles d’écran il faut ajouter la règle media queries suivante :

@media only screen and (min-width:1024px) {
.elementor-toc--minimized-on-tablet .elementor-toc__body {
display: none;
}

Je reprend la règle de base du widget dans son comportement pour l’étendre au delà des 1024px de large. Vous pouvez aussi l’associer à une classe CSS à ajouter au widget pour ne l’appliquer qu’à une table des matières sur votre site.

A essayer.

Source : présentation du widget

Laisser un commentaire

Fermer le menu