[Materialize] Navbar + slider full screen

L’auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

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 :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
  <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.

Édité par Fatavis

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte