I need to remove the scroll bar that is in the tabs, it generated a scroll bar and I want it to be static how to do it?
I tried to use overflow-y:hidden
but it did not work.
<ul id="tabss" style="text-align: center;" class="nav nav-tabs">
<li class="active"><a href="#bio" data-toggle="tab">Biografia</a>
</li>
<li><a href="#noticias" data-toggle="tab">Últimas Notícias</a>
</li>
<li><a href="#agendas" data-toggle="tab">Agendas</a>
</li>
<li><a href="#recados" data-toggle="tab">Recados</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="bio">Bio</div>
<div class="tab-pane" id="noticias">Noticias</div>
<div class="tab-pane" id="agendas">Agendas</div>
<div class="tab-pane" id="recados">Recados</div>
</div>
CSS
#tabss {
margin-left: 0;
padding-top: 10px;
margin-top: 36vh;
position: absolute;
width: 100%;
height: 32px;
background-color: white;
z-index: 999;
}
#tabss li { text-decoration: none; display: inline; padding: 5px; }
#tabss a { color: black; text-align: center; }
#tabss a:hover { color: #AE0823; }
.tab-content { z-index: 9999;
position: absolute;
height: 20vw;
width: 100%;
background-color: black;
margin-top: 40vh;
opacity: 0.80;
}
#bio { margin-top: 20px; margin-left: 35px; }