I don't know if it is possible but I would like to know if it is possible to put the bootstrap menu for mobile with a round shape. By default it comes in a rectangular shape with rounded tips.
I've tried adding a border radius to the navbar-toggle collapsed and sr-only classes but it doesn't affect it.
The menu I use is the following:
HTML:
<nav class="navbar navbar-default navbar-fixed-top menupropio">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html"><img class="logo_menu img-responsive" src="images/logo_peque.png" alt="logo home"/></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<div class="secciones">
<ul class="nav navbar-nav" style="border-bottom:0px">
<!--<li class="active"><a href="#">Home</a></li>-->
<li><a href="kontakt.html" class="head-nav-button nav_graphicdesign">Kontakt</a></li>
<li><a href="#valik" class="head-nav-button nav_photography">Valik üle 20 aasta jooksul tehtud töödest</a></li> <!--todo los trabajos juntos -->
<li><a href="#valik" class="head-nav-button nav_photography">Logod</a></li> <!--en esta pagina van todos los logos-->
<li><a href="#valik" class="head-nav-button nav_photography">Trükised ja muu</a></li> <!--todo lo que no sean logos-->
</ul>
</div>
</div><!--/.nav-collapse -->
</nav>
Thank you very much!
The class you have to change is
.navbar-toggle
:DEMO: https://jsfiddle.net/blonfu/7ok8zu60/