Al reducir el tamaño de la pantalla, me desaparece la navbar por completo y necesito que se haga responsive.
<div class="container">
<div class="header-container header">
<a class="navbar-brand logo" href="#"> <img class="logo" src="assets/images/logo".png" /> </a>
<div class="header-right">
<a class="navbar-item" href="#about">Nosotros</a>
<a class="navbar-item" href="#calidad">Calidad</a>
<a class="navbar-item" href="#products">Productos</a>
<a class="navbar-item" href="#contact">Contacto</a>
</div>
</div>
</div>
css:
.header-right {
display: none;
display: block;
float: right;
padding: 6px 20px;
}
.navbar-item {
color: #ffffff;
padding: 10px;
}
.navbar-item:hover {
color: #58d5f7;
text-decoration: none;
}