# Menu aligné sur le côté > **Ce que vous apprendrez** > > * Comment créer une page d'accueil en utilisant la mise en page Menu aligné sur le côté > * Comment personnaliser l'arrière-plan, les liens du menu et le style *** ### À propos du Menu aligné sur le côté Le **Menu aligné sur le côté** la mise en page place votre logo et la navigation verticalement le long du côté gauche de l'écran. Cette mise en page est épurée et minimale, donnant la priorité visuelle à votre arrière-plan ou image de marque. *** ### Comment la configurer #### 1. Commencez avec une toile vierge 1. Dans l'éditeur de thème, supprimez toutes les sections existantes. 2. Ne conservez que le `Toile de page` Activez plutôt la Collection avec barre latérale 2\. Ajouter le Menu aligné sur le côté 1. Cliquer sur **Ajouter une section > Menu aligné sur le côté** 2. Votre navigation apparaîtra maintenant sur le côté gauche de l'écran. 3. Sélectionnez un **menu Shopify** pour connecter vos liens de navigation. {% hint style="info" %} 💡 Si vous n'avez pas encore de menu, allez à **Administration Shopify > Boutique en ligne > Navigation** pour en créer un. {% endhint %} *** ### Personnalisation de votre menu Une fois ajouté, vous pouvez configurer les éléments suivants : #### Contenu et comportement du menu * **Choisir le menu** : Connecter un menu depuis votre navigation Shopify * **Icônes de réseaux sociaux** : Cliquez sur « Ajouter un lien vers un réseau social » pour ajouter des icônes pour X, TikTok, Threads, et plus * **Afficher le lien de connexion** : Choisir de l'afficher au `Haut`, `Bas`, ou de le masquer complètement #### Style du logo et des liens * **Alignement du logo** : Gauche ou Droite * **Alignement du menu** : Aligner les liens à gauche ou à droite dans le menu * **Couleur du texte des liens / Couleur au survol** * **Couleur de fond des liens (au survol)** * **Taille de la police des liens et espacement vertical** #### Effets visuels * **Désactiver l'effet de mise en évidence** : Désactive le style de surbrillance au survol * **Activer la mise à l'échelle de la nav** : Active l'animation d'échelle pour les éléments du menu *** ### Personnalisation de l'arrière-plan La section Menu aligné sur le côté inclut des options d'arrière-plan intégrées, vous n'avez donc plus besoin d'utiliser la section `Arrière-plan dynamique` Dans les versions récentes du thème, `Arrière-plan dynamique` est obsolète pour cette mise en page. #### Options de style d'arrière-plan : * **Couleur unie** : Définir une couleur pour bureau et mobile * **Image** : Télécharger des images différentes pour bureau et mobile * **Diaporama** : Ajouter jusqu'à 3 diapositives d'images en rotation * **Vidéo** : Télécharger une vidéo de fond (remarque : peut ne pas démarrer automatiquement sur les iPhones en mode économie d'énergie) #### Paramètres supplémentaires d'arrière-plan : * **Hauteur de la section** : Définir sur Hauteur complète (100 %) ou personnalisée * **Couleurs de superposition et opacité**: * Contrôle séparé pour les superpositions supérieure et inférieure * Paramètres indépendants pour bureau et mobile > 💡 Astuce : Utilisez des superpositions pour créer du contraste entre le texte et les visuels d'arrière-plan. *** ### Quand utiliser cette mise en page Utilisez le Menu aligné sur le côté lorsque : * Vous voulez une mise en page propre et moderne avec une navigation verticale * Votre image d'arrière-plan ou votre illustration de marque est au cœur de l'expérience * Vous ne prévoyez pas d'utiliser de nombreuses sections défilables sur la page d'accueil *** ### **Besoin d’aide ?** * 💬 **Rejoignez notre communauté sur Discord :** * 📧 **Envoyez-nous un e-mail à :** * 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web