Comment ajuster les effets du menu WordPress
天空蓝
天空蓝 2023-04-16 12:00:36
0
1
1103

J'ai bricolé des thèmes WordPress récemment et j'ai installé un "Kratos". Je souhaite ajuster l'effet de la barre de menu ci-dessus, je n'ai pas besoin de la modifier directement en arrière-plan, et je ne sais pas comment gâcher. avec le code. Autant venir demander conseil. L'effet du thème est le suivant :

Maintenant, il y a deux questions :

Comment ajuster le menu en haut de la version PC sur l'alignement à gauche ? La valeur par défaut est désormais le bon alignement.

Comment faire en sorte que le menu secondaire s'agrandisse automatiquement lorsque la souris passe dessus ?

0a7ef93f4c02283.png

天空蓝
天空蓝

répondre à tous (1)
手机用户1578621769

Pour ajuster le menu au-dessus de la version de bureau afin qu'il soit aligné à gauche, vous pouvez le faire en ajoutant du CSS personnalisé. Veuillez suivre ces étapes : Connectez-vous au backend WordPress, allez dans « Apparence » -> « Éditeur » et recherchez le fichier style.css du thème Kratos. Ajoutez le code suivant en bas du fichier :

@media screen and (min-width: 992px) { .navbar-nav { float: left; } }

Cela alignera le menu à gauche lorsque la largeur de l'écran est supérieure à 992 pixels. Pour qu'un menu secondaire se développe automatiquement lorsque la souris le survole, vous pouvez utiliser jQuery pour ajouter un gestionnaire d'événements. Veuillez suivre ces étapes : Dans le backend WordPress, allez dans « Apparence » -> « Éditeur » et recherchez le fichier header.php du thème Kratos. Ajoutez le code suivant au bas du fichier :

Cela ajoutera un gestionnaire d'événements lors du chargement de la page et lorsque la souris passera sur la liste déroulante, elle ajoutera la classe "open", élargissant ainsi la liste déroulante. Lorsque la souris s'éloigne, elle supprime la classe "open", réduisant ainsi le menu déroulant. Notez que si vous débutez avec CSS et jQuery, c'est une bonne idée de sauvegarder vos fichiers avant de modifier votre code et de tester toutes les modifications par la suite pour vous assurer qu'elles fonctionnent comme prévu.

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!