LeClubInfo / crep

Commit 5feb6c55f0c06b379ec889a0373f502cd07f3d8d

Authored by Geoffrey PREUD'HOMME
1 parent d6b3dc48

Better menu navbar on small screens 

Should collapse in a menu maybe?
Still, have a left blank space on the right on Chrome Android,
but works ok on PC.
Showing 2 changed files with 19 additions and 27 deletions   Show diff stats
Inline Side-by-side
1 -body  
2 -{  
3 - padding-top: 120px;  
4 -}  
5 -  
6 .navbar-lower 1 .navbar-lower
7 { 2 {
8 - position: absolute;  
9 - top: 50px; 3 + margin-top: 50px;
10 width: 100%; 4 width: 100%;
11 } 5 }
12 6
1 <nav class="navbar navbar-default navbar-lower"> 1 <nav class="navbar navbar-default navbar-lower">
2 <div class="container-fluid"> 2 <div class="container-fluid">
3 - <div class="collapse navbar-collapse">  
4 - <ul class="nav navbar-nav">  
5 - <li>  
6 - <a href="#news" onClick="loadNewDoc('home.php');">Accueil</a>  
7 - </li>  
8 - <li>  
9 - <a href="#agenda" onClick="loadNewDoc('description.php');">Descritption</a>  
10 - </li>  
11 - <li>  
12 - <a href="#orga" onClick="loadNewDoc('sponsors.php');">Sponsors</a>  
13 - </li>  
14 - <li>  
15 - <a href="#profil" onClick="loadNewDoc('schools.php);">Ecoles participantes</a>  
16 - </li>  
17 - <li>  
18 - <a href="#school" onClick="loadNewDoc('contact.php');">Contact</a>  
19 - </li>  
20 - </ul>  
21 - </div> 3 + <ul class="nav navbar-nav">
  4 + <li>
  5 + <a href="#news" onClick="loadNewDoc('home.php');">Accueil</a>
  6 + </li>
  7 + <li>
  8 + <a href="#agenda" onClick="loadNewDoc('description.php');">Descritption</a>
  9 + </li>
  10 + <li>
  11 + <a href="#orga" onClick="loadNewDoc('sponsors.php');">Sponsors</a>
  12 + </li>
  13 + <li>
  14 + <a href="#profil" onClick="loadNewDoc('schools.php);">Ecoles participantes</a>
  15 + </li>
  16 + <li>
  17 + <a href="#school" onClick="loadNewDoc('contact.php');">Contact</a>
  18 + </li>
  19 + </ul>
22 </div> 20 </div>
23 -</nav> 21 -</nav>
  22 +</nav>
24 \ No newline at end of file 23 \ No newline at end of file