Hello, how do I get this responsive menu to appear on the front?
<headerclass="box-header">
<div class="box-topo">
<a href="<?php echo base_url(); ?>"><h1>Isaque Saraiva</h1></a>
</div>
<div class="box-menu">
<input type="checkbox" id="btn-menu" >
<label class="btn-menu" for="btn-menu">☰</label>
<nav class="menu">
<ul>
<li><a href="<?php echo base_url(); ?>">Página Inicial</a></li>
<li><a href="#perfil">Profissional</a></li>
<li><a href="#projetos">Projetos</a></li>
<li><a href="#certificados">Certificados</a></li>
<li><a href="">Blog</a></li>
</ul>
</nav>
</div>
</header>
@media screen and (max-width: 640px){
#btn-menu{
}
.btn-menu{
display: block;
}
.box-topo{
}
.box-header{
}
#btn-menu:checked ~ .menu{
margin-right: 0%;
}
.menu{
margin-top: 2%;
background-color: #363563;
width: 55%;
margin-right: -100%;
float: right;
padding: 1%;
z-index: 999;
}
.menu ul{
margin: 0;
display: inline-block;
position: static;
overflow: hidden;
transition: all .4s;
}
.menu ul li{
margin-left: 4%;
float: none;
}
.menu ul li a{
font-size: 1.4em;
}