Menu horizontal - Personnalisation de l'apparence - Thème Smart

Position du menu horizontal

 "En haut de l'entête" permet de superposer le menu sur l'entête.

Pour information, l'image utilisée en entête ici est - image Pixabay:
https://pixabay.com/fr/smartphone-app-japonais-messagerie-1184865/
Cette image est libre de droits, dans le domaine public. Il n'y a pas de références à apporter lors de sa mise en place. Toutes les images de Pixabay sont dans le domaine public.

 

Au dessus de l entete

 

Au dessus de l'entête

 

En haut de l entete

 

En haut de l'entête

Fixer le menu horizontal

 Cochez cette case si vous souhaitez que le menu reste fixé en haut de la fenêtre lors du défilement de la page

Case cochée : le menu reste en haut de page, accessible à tout moment.
Case non cochée : le menu horizontal n'est accessible qu'en haut de page.

Hauteur du menu horizontal

Hauteur du mh

Hauteur "Normale" du menu horizontal

 

Vous pouvez voir la hauteur  étendue sur les deux screenshots précédents. Cela joue sur la hauteur du menu bien évidemment. Je note en pixel et sur un PC portable de 17'4 (certainement pas pareil sur Tablette ou Smartphone) :
80px de hauteur pour le menu horizontal du haut avec le choix : Étendue
50px de hauteur pour le menu horizontal du haut avec le choix : Normale


Alignements des liens du menu

A droite, au centre, à gauche : placez les liens où vous le souhaitez dans le menu horizontal du thème Smart.

Vous pouvez ajouter un moteur de recherche qui sera lui forcément à droite (en cochant la case : Afficher un moteur de recherche ). Le moteur de recherche apparait sous-forme d'icone avec une loupe. Il faut cliquer sur la loupe pour le voir apparaitre (Mobile-first : le champ de recherche prendrai trop de place - cas des thèmes Bootstrap).

Ouverture du menu

Sur mobile, vous pouvez définir l'ouverture du menu horizontal (vertical ou horizontal).

 Définissez de quelle façon le menu de navigation s'ouvrira sur mobile.
Menu opening
Image d'e-monsite - article de blog Smart : un thème mobile first

 

Nous trouvons ensuite les réglages "basiques" :

  • Couleur de fond
  • Ombre portée
  • Couleur de la bordure inférieure
  • Couleur de fond des liens
  • Couleur des liens
  • Ombre sur le texte
  • Couleur des liens au survol
  • Couleur de fond des liens au survol
  • Séparateur vertical
  •  Appliquer une bordure entre chaque lien du menu