Bonjour à tous et à toutes ^^,

je rencontre un problème avec le framework Materialize, j'ai un slider que je mets en plein écran mais je rencontre un problème quand je mets ce slider en grand écran car ma barre de menu disparaît. J'ai vu plusieurs cas similaires sur le web cependant je n'ai pas réussi à l'adapter à mon cas.

Le site est en ligne à l'adresse suivante : dev.makerinbreizh.com.

Voici le code :


  <nav class="white" role="navigation">
    <div class="nav-wrapper container">
      <a id="logo-container" href="http://makerinbreizh.com/" class="brand-logo left">MIB<span class="number">17</span></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="http://makerinbreizh.com/">Accueil</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#makers">Makers</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#afin">Animations</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#afin">Ateliers</a></li>          
        <li><a href="file:///D:/coder/makerinbreizh/index.html#conferences">Conférences</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#savoir">Partenaires</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#savoir">InfosPratiques</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#savoir">Contact</a></li>

      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="http://makerinbreizh.com/">Accueil</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#makers">Makers</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#afin">Animations</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#afin">Ateliers</a></li>               
        <li><a href="file:///D:/coder/makerinbreizh/index.html#conferences">Conférences</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#savoir">Partenaires</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#savoir">InfosPratiques</a></li>
        <li><a href="file:///D:/coder/makerinbreizh/index.html#savoir">Contact</a></li>          
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>

          <div class="fullscreen slider1 ">
            <ul class="slides">
                <li>
                    <img src="bretagneMIB17.png">
                    <div class="caption center-align">

                    </div>
                </li>
                <li>
                    <img src="http://loltracker.com/images/easyblog_images/2638/b2ap3_thumbnail_league_of_legends_fan_art___tahm_kench_retreat___by_benlo-d9ki3br.jpg">
                    <div class="caption left-align">
                        <h3>MakerInBreizh 2017</h3>
                        <h5 class="light grey-text text-lighten-3">Manifestation des Makers Internationaux en Bretagne !</h5>
                    </div>
                </li> 
                <li>
                    <img src="http://www.archibat.com/blog/wp-content/uploads/2015/06/fablab-hec-polytechnique-strate-icimontreuil-eboow.jpg">
                    <div class="caption left-align">
                        <h3>MakerInBreizh 2017</h3>
                        <h5 class="light grey-text text-lighten-3">Faisons le ensemble !</h5>
                    </div>
                </li>
            </ul>
        </div>

Merci de m'aider à résoudre ce problème sachant que le code css est celui fourni par le framework.

1 réponse


Fatavis
Auteur
Réponse acceptée

C'est bon c'est résolu grâce:

nav
{
    position: relative;
    z-index: 1000;
}

Merci à ceux qui ont regardé le sujet