Elementor PRO : fermer par défaut le widget Table des matières

Table des matières d’Elementor PRO

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

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Autres catégories du Blog

 

Vous aimerez aussi

Partager cette publication

Partager sur twitter
Partager sur facebook
Partager sur linkedin
Partager sur pinterest
Partager sur telegram
Partager sur whatsapp
Partager sur tumblr
Partager sur email
Partager sur print