Fauna

J'ai trouver la solution !!! Le code si vous le voulez :

<script>

$(document).ready(function(){
$('.sidenav').sidenav();
});


</script>



<nav class="deep-purple lighten-2" style="padding 0px 10px;" >
<div class="container">
<div class="nav-wrapper">
<a href="index.php?page=home" class="brand-logo">My Friend</a>

<a href="#" class="sidenav-trigger" data-target="mobile-nav">
<i class="material-icons">menu</i>
</a>



<ul class="right hide-on-med-and-down">
<li class="<?php echo ($page=="home")?"active" : ""; ?>"><a href="index.php?page=home">Accueil</a></li>
<li class="<?php echo ($page=="blog")?"active" : ""; ?>"><a href="index.php?page=blog">Blog</a></li>
</ul>


</div>
</div>
</nav>

<ul class="sidenav" id="mobile-nav">

<li class="<?php echo ($page=="home")?"active" : ""; ?>"><a href="index.php?page=home">Accueil</a></li>
<li class="<?php echo ($page=="blog")?"active" : ""; ?>"><a href="index.php?page=blog">Blog</a></li>

</ul>

Il faut aussi mettre le jQuery dans la balise header.

Le 10/04/2022 à 15:47

Saikou oumar

Ok

Le 19/06/2022 à 18:33