Bonjour tout le monde,

Après de multiples essais pendant un mois, je n'ai pas réussi à faire un menu burger qui fonctionne.
Comment devrais je m'y prendre ?
Mon code :

<section id="apropos">
			<nav>
				<div id=fondmenu>
					<ul class="menuderoulant">
						<li class="sectionprincipale">
							<a href="#">Notre boutique en ligne</a>
						</li>
						<li class="sectionprincipale">
							<a href="#">Nos réseaux sociaux</a>
								<ul class=sousmenu>
									<li><a href="#">Instagram</a></li>
									<li><a href="#">Linkedin</a></li>
									<li><a href="#">Youtube</a></li>
								</ul>
						</li>
						<li class="sectionprincipale">
							<a href="#">Quelques conseils</a>
								<ul class="sousmenu">
									<li><a href="#">Comment consommer plus "responsablement" ?</a></li>
									<li><a href="#">Comment et pourquoi utiliser le site ?</a></li>
								</ul>	
						</li>
						<li class="sectionprincipale">
							<a href="#">Nous contacter</a>
								<ul class="sousmenu">
									<li><a href="#">Via le formulaire de contact</a></li>
									<li><a href="#">Via e-mail (secondaire)</a></li>
									<li><a href="#">Nos coordonnées (secondaire)</a></li>
								</ul>
						</li>
					</ul>	
					<button class="Burger"> <!--Ici je crée mon bouton qui fort heureusement va finir par contenir mon menu-->
						<i class="fa-solid fa-bars fa 2x"></i>
					</button>




Merci par avance
Cdlt
Modifié par LApprenti (17 Sep 2022 - 09:56)
Salut. Honnêtement, créer un menu burger, qui plus est adaptatif, ce n'est pas le plus simple lorsque l'on débute. En plus, vous placez des sous-menus, il faudrait commencer par plus simple pour débuter.

Quand à expliquer le procédé, j'aurais bien du mal ici, c'est l'objet d'un tutoriel en soi. Mais déjà, vous pourriez suivre des tutoriels, ou regarder le code source de certains sites pour l'inspiration.

Voilà personnellement ce que je fais : Scriptura. Si ça vous intéresse, pour le code source, on en reparle.
Meilleure solution