Commit 1533a55f authored by agata's avatar agata Committed by ale

navbar bella per piccoli schermi

parent ced32e9b
......@@ -20,6 +20,7 @@ body {
border-radius: 0;
background: transparent;
border-bottom: 3px solid #333;
height: 55px;
}
.navbar-toggle .icon-bar{
background-color:red;
......@@ -112,6 +113,10 @@ a:link{
text-decoration: underline;
}
.navbar-nav.navbar-right:last-child {
margin-top: -50px !important;
}
/*******************************************************************************************************
****************************++media query********************************************************/
@media screen and (max-width: 1036px){
......@@ -119,7 +124,62 @@ a:link{
width:100% !important;
}
}
.navbar-nav.navbar-right:last-child {
margin-right: -50px !important;
margin-top: -50px !important;
/*noi li vogliamo come erano in navbar, senza stile per stare nel panino collapse*/
@media screen and (max-width: 767px){
.navbar-nav .open .dropdown-menu {
position: absolute!important;
/* top: 100%!important;
left: 0!important;
float: left!important;*/
min-width: 160px!important;
background-color:#fff;
border:solid 1px #666;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
}
.navbar-right .dropdown-menu {
/*left: auto!important;*/
right: 0!important;
top: 60px;
}
body li a.dropdown-toggle {
display: inline-block;
position: relative;
float: none;
padding: 15px;
}
.navbar-nav.navbar-right:last-child {
display: inline-flex;
width: auto;
float: right;
position: absolute;
top: 0px;
right: 80px;
margin-top: 0px !important;
}
/*login*/
ul.nav:nth-child(3) > li:nth-child(3) > a:nth-child(1) {
display: inline-block;
float: none;
padding: 15px;
}
.navbar-collapse {
overflow-y: auto;
background-color: #fff;
border: solid 1px #666;
text-align: center;
padding-left: 5em;
font-size:1em;
}
.navbar-collapse ul li a {
font-size: 1.3em;
}
.navbar-nav > li{
text-align: center;
}
}
\ No newline at end of file
......@@ -28,6 +28,7 @@
<li><a href="/donate">Donate</a></li>
</ul>
</div><!--/.nav-collapse -->
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment