My application has a dashboard with a left side column, which is where the menu is. When this page is opened on smaller screens the column disappears (it already happens), except that I need instead the Hamburger menu to appear so that the user can access the menu.
My code looks like this:
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar opficio dashMenuFont">
<div class="nav-img">
<img src="img/userDefaultImage.png">
<p class="opficio-bold userName"><?php echo strtoupper($_SESSION ['nickUser']) ?></p>
<hr>
</div>
<div class="dash-menu">
<a href="dashboard.php?p=home"><p><span class="glyphicon glyphicon-home "></span> Início</p></a>
<a href="dashboard.php?p=search"><p><span class="glyphicon glyphicon-search"></span> Buscar</p></a>
<a href="dashboard.php?p=watched"><p><span class="glyphicon glyphicon-ok-circle"></span> Assistido</p></a>
<p><span class="glyphicon glyphicon-comment"></span> Bate-papo</p>
<p><span class="glyphicon glyphicon-cog"></span> Configurações</p><hr>
<p></p>
<p></p><hr>
</div>
<div class="nav-logo-bot">
<img src="img/nav-logo.png">
</div>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<?php
$link = filter_input(INPUT_GET, 'p');
include $link . ".php";
?>
</div>
</div>
</div>
</body>
The result is this:
AndMobilelookslikethis:
I tried to find this solution but nothing worked.
Thank you!