Créer un menu imbriqué de compression mobile en utilisant Divi & # 39; Générateur de thème s
Fais ton choix.
Ajouter un lien ajouter un lien au formulaire suivant. URL du lien de formulaire: Paramètres de texte passer à l’onglet conception et modifier les paramètres de texte en conséquence: police de texte: Montserrat poids de la police de texte: demi – gras couleur du texte: # FFFFFF taille du texte: 16px hauteur de la ligne de texte: 1EM alignement du texte: Centre L’espacement complète le réglage du module en ajoutant une marge supérieure. Marge supérieure: 10px 3. Après avoir utilisé la fonction d’ajout de module de code au menu pour ajouter le module de code à l’en – tête de colonne 2, il est temps d’ajouter le code personnalisé et de transformer le menu mobile en menu imbriqué pliable. Ajouter un formulaire de code à la deuxième colonne (ou ailleurs). Ensuite, entrez le code CSS et jquery et ajoutez le code CSS et jquery. Assurez – vous d’insérer le code CSS entre les balises de style et le Code jquery entre les balises de script. Et _ mobile menu. Niveau 1 > A {Couleur de fond: transparente;
Position: relative;
}
– Oui. Et _ mobile menu. Niveau 1 > A: après {
Famille de polices: \
Contenu: \
Taille de la police: normale;
Position: absolue;
Taille de la police: 16px;
En haut: 13px;
Droite: 10px;
}
– Oui. Et _ mobile menu. Niveau 1 >. Basculement des icônes: après {
Contenu: \
}
– Oui. Niveau 2 {
Affichage: aucun;
}
– Oui. Afficher les éléments
Affichage: blocs;
}
– Oui. Et _ mobile menu {
Bord supérieur: 20px;
Largeur: 230%;
Marge gauche: – 65%;
} (fonction ($)
Configuration de la fonction _ collapsable submenu () {
Var first level = $(‘et _ mobile menu.first level > A’);
Niveau 1. Fermez (cliquez). Cliquez sur (fonction () {
$(this). Attribut (‘href’, ‘#’);
$(this). Parent (). Enfant (). Enfant (). Toggleclass (« revial items»);
$(this). Toggleclass (\
});
}
$(fenêtre). Chargement (fonction () {
Settimeout (fonction () {
Configuration _ collapsable submenu ();
}, 700);
});
}) (jquery); Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin ri