« 1 2 3 (4) 5 6 »
Re : Ajout megamenu dans nav-menu
Alain T
Alain T

Re : Ajout megamenu dans nav-menu

Alain T 727
13/07/2021 10:26
#31
Alain T 727
13/07/2021 10:26
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 :
d-none d-sm-block

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 !
Re : Ajout megamenu dans nav-menu
Pascal C.
Pascal C.

Re : Ajout megamenu dans nav-menu

Pascal C. 451
13/07/2021 11:01
#32
Pascal C. 451
13/07/2021 11:01
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
Re : Ajout megamenu dans nav-menu
Nicolas
Nicolas

Re : Ajout megamenu dans nav-menu

Nicolas 71
13/07/2021 11:04
#33
Nicolas 71
13/07/2021 11:04
Salut,

Pour lancer la recherche, il te faut un formulaire autour de ton champ input
Exemple :
<form class="" role="search" action="search.php" method="get">
<
input type="text" name="query" placeholder="Chercher">
form>


Et ca devrait lancer la recherche normalement
Nicolas (ForMuss)
Re : Ajout megamenu dans nav-menu
Alain T
Alain T

Re : Ajout megamenu dans nav-menu

Alain T 727
13/07/2021 11:22
#34
Alain T 727
13/07/2021 11:22
Note :
- Création d'un forum "Css et autres" dans la catégorie "Thèmes".
- Déplacement de ce sujet dans ce nouveau forum !
Re : Ajout megamenu dans nav-menu
Pascal C.
Pascal C.

Re : Ajout megamenu dans nav-menu

Pascal C. 451
13/07/2021 11:44
#35
Pascal C. 451
13/07/2021 11:44
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.

Citation :

Nicolas a écrit :
Salut,

Pour lancer la recherche, il te faut un formulaire autour de ton champ input
Exemple :
<form class="" role="search" action="search.php" method="get">
<
input type="text" name="query" placeholder="Chercher">
form>


Et ca devrait lancer la recherche normalement
Re : Ajout megamenu dans nav-menu
Pascal C.
Pascal C.

Re : Ajout megamenu dans nav-menu

Pascal C. 451
13/07/2021 20:16
#36
Pascal C. 451
13/07/2021 20:16
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.
Re : Ajout megamenu dans nav-menu
Alain T
Alain T

Re : Ajout megamenu dans nav-menu

Alain T 727
13/07/2021 23:27
#37
Alain T 727
13/07/2021 23:27
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 !
Re : Ajout megamenu dans nav-menu
Nicolas
Nicolas

Re : Ajout megamenu dans nav-menu

Nicolas 71
13/07/2021 23:30
#38
Nicolas 71
13/07/2021 23:30
Salut,

Tu dois aussi ajouter un input supplémentaire pour afficher les resultats
<input type="hidden" name="action" value="results">


Pour remettre ton champs dans le menu, il faut ajouter du CSS directement sur l'input de recherche
<input type="text" name="query" placeholder="Chercher" style="top: 0px;padding-left: 24px;">


En mode edition, cela fonctionne de mon coté.
A bientôt
Nicolas (ForMuss)
Re : Ajout megamenu dans nav-menu
Nicolas
Nicolas

Re : Ajout megamenu dans nav-menu

Nicolas 71
13/07/2021 23:32
#39
Nicolas 71
13/07/2021 23:32
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)
Re : Ajout megamenu dans nav-menu
Pascal C.
Pascal C.

Re : Ajout megamenu dans nav-menu

Pascal C. 451
15/07/2021 12:30
#40
Pascal C. 451
15/07/2021 12:30
Merci Nicolas, Je n'ai pas eu besoin de l'input supplémentaire finalement, tout s'exécute parfaitement suivant ce code :

<li class="ruby-menu-right ruby-menu-social ruby-menu-search"><a href="#"><class="fa fa-search" aria-hidden="true">i><span>
<
form class="" role="search" action="search.php" method="get"><input type="text" name="query" placeholder="Chercher" style="top: 0px; padding-left: 24px; width: 160;">form>span>


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?