ok ok !
Bon, déjà, le code que je t'ai donné ne fait pas apparaître la barre de recherche si la largeur du média est inférieure à 576 px (sm)

Ceci à cause de cet élément :

Tu peux l'enlever ou l'ajuster en regardant ce lien : https://getbootstrap.com/docs/4.5/utilities/display/#hiding-elements

Maintenant pour ce que tu souhaites, soit tu passes beaucoup de temps dessus jusqu'à trouver, et je te le souhaite, bien évidemment, soit tu revois un peu tes ambitions à la baisse et continues à avancer !

Ok, je vais donc tâcher d'avancer sur le reste et je reprendrais cette histoire de recherche un peu plus tard du coup.

Merci pour ton aide Alain

Salut,

Pour lancer la recherche, il te faut un formulaire autour de ton champ input
Exemple :


Et ca devrait lancer la recherche normalement

Nicolas (ForMuss)

Note :
- Création d'un forum "Css et autres" dans la catégorie "Thèmes".
- Déplacement de ce sujet dans ce nouveau forum !

Merci Nicolas, je vais chercher en ce sens

Je vous tiendrais informé lorsque j'arrive a quelque chose... si tant est que j'y parvienne.

Quote:

Bon, super ça fonctionne, merci encore

Le seul petit truc qui traine encore est que la case de saisie de texte de la recherche se décale sous la barre de menu pour une raison qui m'échappe toujours, mais la solution est là.

Je vais creuser pour voir d'où peut venir ce problème.

Ok c'est bien, ça avance !
Quand tu auras trouvé la solution complète, merci d'afficher le code,
cela pourra servir pour ceux qui voudraient acheter ce script de menu !

Salut,

Tu dois aussi ajouter un input supplémentaire pour afficher les resultats


Pour remettre ton champs dans le menu, il faut ajouter du CSS directement sur l'input de recherche


En mode edition, cela fonctionne de mon coté.
A bientôt

Nicolas (ForMuss)

Perso, je ferai un champ un peu plus grand en largeur pour mieux voir la recherche.
Il faudrais aussi faire un focus sur le champs input pour éviter de cliquer dans le champs, mais tu es pas loin

Nicolas (ForMuss)

Merci Nicolas, Je n'ai pas eu besoin de l'input supplémentaire finalement, tout s'exécute parfaitement suivant ce code :



Je ne parviens par contre pas a élargir ce champ, mon width ne semble pas pris en compte. cela me semble pourtant bien écrit non?