Html/css Menu sur mobile

Bonjour, je suis en train de créer un site web, mais je ne suis pas webmaster j'apprends au fur et à mesure. J'ai un problème avec le site sur mobile, le menu n'apparait pas ... avez-vous une idée du problème et comment le régler ?
Merci d'avance

Salut,

pour t'aider du mieux possible je t'invite soit
- à partager du code, complet, pour que nous puissions bien comprendre le pourquoi du comment
- à partager directement une url amenant à ton site ou a un test permettant de voir le comportement officiel

Voilà ce que j'ai fais, j'ai suivi un genre de tuto, j'ai donc pu faire apparaitre "?" mais il ne se passe rien quand on clique dessus, donc le menu apparait toujours pas


CSS

label
{
    display: none;
}
label, #toggle
{
    display: none;
}

@media all and (max-width: 991px)
{
    nav
    {
        height: 60px;
    }
 
    nav .main_pages 
    {
        display: none;
    }
 
    label 
    {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }
}

<nav class="s-12 grid background-blue background-blue-hightlight ombre" style="position:fixed"> <!couleur fond carré menu> 
           <!-- logo -->
          
		  
		  <div class="logo">
		  
		   <a href="index.html" class="m-12 l-3 ">
              <img src="img/logosolo.png" >
           </a>
		   
		   </div>
		   
		   <label for="toggle">?</label>
    <input type="checkbox" id="toggle">
		   
          <div class="top-nav nav background-blue text-white main_pages " style="position:fixed">
		  
			  <ul class="top-ul right chevron" >
                <li><a href="index.html" >Accueil</a></li>	
                <li><a href="nosoffres.html">Nos offres</a></li>		
		<li><a href="evenement.html">Evènements</a></li>		
		<li><a href="contact.html">Contact</a></li>
				
              </ul>
           </div>
        </nav>