Comment créer un en-tête pour appareil mobile avec le constructeur d’en-tête Ex2-Theme?

Créer un en-tête pour appareil mobile avec le constructeur d’en-tête Ex2-Theme ?

Le constructeur d’en-tête Ex2-Theme fournit une option dédiée pour concevoir un en-tête mobile. Ces options sont disponibles avec la version gratuite d’Ex2-Theme, tandis que les options de configuration avancées sont disponibles uniquement avec Ex2-Theme Pro.

Configuration de l'en-tête mobile

Une fois que vous avez installé votre thème Ex2 et son outil de construction d’en-tête, accédez à la section “Personnaliser” de votre thème.

Étape 1: Cliquez sur le constructeur d'en-tête pour commencer l'édition.

Étape 2: Basculez vers la vue tablette ou mobile dans la section “Personnaliser” en cliquant sur l’icône associé au type d’appareil désiré.

Étape 3: Vous verrez une boîte dédiée distincte pour un en-tête mobile dans le générateur d'en-tête visuel. La section “Off Canvas Menu” vous permet de configurer les éléments d'en-tête à l'intérieur du bouton bascule. L'éditeur visuel sur le côté droit vous permet pour sa part de configurer toutes les parties de l'en-tête mobile en définissant séparément votre en-tête principal (au centre), ainsi que les en-têtes supérieur et inférieur. Il est d’usage de placer le logo et le bouton à bascule du menu dans l’en-tête principal, mais il est tout à fait possible de placer ces éléments où vous le désiré dans votre en-tête mobile.

Étape 4: Dans la section “Off-Canvas Menu”, cliquez sur le signe "+” pour ajouter des éléments d'en-tête tels que le menu principal, des boutons, des widgets, des ajouts de code HTML, ou autres. La section hors-champ est celle qui s'affiche lorsque l'utilisateur clique sur le bouton à bascule.

Étape 5: Cliquez sur l'icône d'engrenage pour accéder aux réglages et définir le type d'en-tête mobile et d'autres options. Vous pouvez choisir les options suivantes pour le type d'en-tête :

Volte-Face
Plein écran
Menu déroulant

À partir de l'onglet Design, vous trouverez des options de couleur d’arrière-plan et d’espacement.

Étape 6: Si vous devez modifier le bouton à bascule, cliquez simplement dessus pour le configurer.

Étape 7: Vous pouvez activer l'en-tête transparent pour appareils mobiles à partir de l’éditeur sous Constructeur d’en-tête > Types d'en-tête. Choisissez de l'afficher sur mobile et configurez-le. Avec Ex2-Theme Pro, vous obtenez également l’option de créer un en-tête collant (Sticky Header) qu’il est possible de configurer de la même façon

Mis à jour le : 20/03/2023