Un menu de navigation simple et intuitif est l'un des éléments de conception les plus essentiels de votre site Web. Il agit comme une carte, guidant vos visiteurs au-delà de la page d'accueil. Avec le nombre croissant de personnes utilisant Internet sur leurs appareils mobiles, votre site Web devrait également avoir un menu de navigation adapté aux mobiles.
Heureusement, Webflow a facilité l'ajout d'une barre de menu hamburger pliable qui rationalisera votre site mobile. Continuez à lire pour savoir comment modifier ce menu mobile sur Webflow.
Comment ajouter une barre de navigation
Le menu hamburger est un élément de conception essentiel lorsque vous travaillez avec un espace horizontal limité. Il élimine le besoin d'une barre de navigation fixe encombrante qui occupe un espace précieux.
Sur Webflow, ce menu et ses fonctionnalités sont construits à l'intérieur de l'élément NavBar. L'ajout de cet élément à votre conception nécessite quatre étapes simples :
Comment modifier le menu mobile
Une fois que vous avez ajouté une barre de navigation à votre site Web, vous pouvez ajouter du style et de la personnalité à ce menu de différentes manières.
Comment ajouter plus de liens au menu
L'élément de barre de navigation contient le bouton de menu et le menu de navigation, ce dernier contenant les liens de navigation. Lorsque vous l'ajouterez à votre conception, il y aura plusieurs espaces réservés de liens que vous pourrez supprimer ou modifier avec les liens de votre site Web.
Suivez ces étapes pour ajouter d'autres liens de navigation :
Maintenant que vous avez un nombre suffisant de liens pour toutes les pages pertinentes de votre site Web, il est temps de faire le lien proprement dit.
Comment changer l'animation des menus
Sur Webflow, vous pouvez également modifier la façon dont le menu mobile apparaît lorsque les visiteurs cliquent sur le bouton de menu. Vous pouvez choisir entre trois types d'animations de révélation :
Pour définir l'animation de révélation souhaitée, procédez comme suit :
Dans la section "Paramètres de la barre de navigation", vous pouvez également contrôler les éléments suivants :
Notez que la durée de la transition est mesurée en millisecondes.
Comment changer le style du menu
Webflow a facilité le style de n'importe quelle partie de la barre de navigation, vous permettant d'intégrer de manière transparente le menu mobile dans la conception de votre site Web.
Pour styliser le bouton de menu, procédez comme suit :
Le panneau Style vous permet de modifier chaque aspect du bouton de menu. Le plus souvent, les concepteurs modifient la couleur et la taille d'arrière-plan du bouton.
Pour modifier la couleur d'arrière-plan, procédez comme suit :
Si vous souhaitez modifier la taille de l'icône du hamburger, procédez comme suit :
Vous pouvez également modifier la couleur de l'icône dans le champ ci-dessus, marqué par la lettre A et une goutte de couleur.
Bien qu'il existe de nombreuses façons de personnaliser le bouton de menu, vous ne pouvez pas le remplacer par un élément de texte ou une image personnalisée.
La navigation mobile simplifiée
Lors de la conception d'un menu mobile, vous souhaitez tirer le meilleur parti d'un espace assez limité. Alors, essayez de ne pas surcharger le menu avec des options pour éviter de dérouter vos visiteurs. Assurez-vous également que les choix de menu sont courts, clairs et facilement lisibles.
Après cela, vous pouvez jouer avec le style et l'animation du menu pour garder vos visiteurs intéressés à chaque étape du processus.
Avez-vous essayé d'ajouter un menu mobile à votre site Web ? Combien d'options avez-vous inclus ? Faites-nous savoir dans la section commentaires ci-dessous.
Après beaucoup de battage médiatique et d'attente, « Baldur's Gate 3 » est sorti. Mais avant de se lancer dans le jeu, de nombreux joueurs voudront savoir si oui ou non
Rencontrez-vous des problèmes de connexion avec votre manette ? Vous êtes prêt à jouer, mais sans utiliser votre manette, la partie est terminée. Tu n'es pas le seul joueur
Avez-vous cherché un moyen de modifier la construction de votre joueur sans recréer un nouveau personnage dans « Diablo 4 » ? Eh bien, vous avez de la chance. Le jeu vous permet
Le réglage de la luminosité de l'écran est une fonctionnalité cruciale, quel que soit l'appareil que vous utilisez. Mais il est particulièrement important d'obtenir le niveau de luminosité
Le Yama est l'un des Katanas maudits du jeu et porte le statut légendaire. Manier une arme aussi puissante dans le monde ouvert « Blox Fruits » vous offrira
La carte réseau du système d'exploitation Windows est un périphérique essentiel qui garantit le bon fonctionnement des connexions réseau. Puisque la carte réseau reçoit
Même si vous utilisez Windows depuis longtemps, vous pouvez parfois rencontrer des problèmes qui nécessitent l'assistance d'un expert. Que vous soyez confronté
Il y a peu de choses plus frustrantes que de se retrouver exclu de votre réseau Internet. Si vous n'avez pas noté le mot de passe, vous risquez de perdre l'accès
Voici l'emplacement du fond d'écran Windows pour Windows 8 et 10, afin que vous puissiez utiliser ces images haute résolution avec d'autres appareils ou des versions plus anciennes de Windows.
Si vous souhaitez prendre des photos avec votre PC Windows 10, vous devrez d'abord tester la fonction de l'appareil photo. Que vous souhaitiez simplement prendre quelques selfies pour
Une fois que votre ordinateur commence à être lent, c'est le signe que vous devez libérer de l'espace. Habituellement, la suppression des fichiers temporaires est un excellent point de départ.
Résumé des raccourcis des applications Films et TV sur Windows 10, Résumé des raccourcis des applications Films et TV sur Windows 10 pour vous offrir une expérience formidable. Peut être
Comment corriger l'erreur d'échec du chargement des messages sur Discord pour Windows, Discord n'est pas amusant si vous ne pouvez pas lire ce que les autres écrivent. Voici comment corriger l'erreur de messages
Comment afficher l'icône Ce PC sur le bureau de Windows 11, Pendant le processus d'utilisation de Windows 11, de nombreux utilisateurs doivent accéder à Ce PC (gestion).
Comment trouver rapidement des informations dans le registre Windows. Avez-vous du mal à trouver des informations dans le registre Windows ? Voici donc ci-dessous des moyens rapides de trouver le registre
Comment limiter le nombre de tentatives de connexion infructueuses sous Windows 10. Limiter le nombre de tentatives de connexion par mot de passe infructueuses sous Windows 10 contribue à accroître la sécurité de l'ordinateur. Voici comment
Comment créer de faux messages d'erreur dans Windows, Windows peut proposer des messages d'erreur assez créatifs, mais pourquoi n'essayez-vous pas de créer votre propre contenu pour qu'ils puissent se moquer ?
Les moyens d'ouvrir les outils Windows dans Windows 11, les outils d'administration Windows ou les outils Windows sont toujours utiles sous Windows 11. Voici comment trouver les outils Windows dans Windows 11.
Comment réparer l'erreur de non-fonctionnement de Windows Quick Assist, Windows Quick Assist vous aide à vous connecter facilement à un PC distant. Cependant, cela génère parfois aussi des erreurs. Mais,
Comment épingler des fichiers Word, Excel et PowerPoint à l'icône de l'application correspondante dans la barre des tâches de Windows 11, Comment épingler des fichiers Office à l'icône de la barre des tâches sous Windows 11 ? Inviter
