Responsive menu
This commit is contained in:
parent
aa2fbd43e6
commit
53d1a0c182
@ -112,13 +112,27 @@ footer {
|
||||
|
||||
/* Display menu bar on arger screens */
|
||||
@media screen and (min-width: 600px) {
|
||||
/*Hide sidebar button*/
|
||||
/*Hide sidebar open/close buttons*/
|
||||
.inflate {display: none;}
|
||||
.sidebar .close {display: none;}
|
||||
|
||||
/*Change Menu Dimensions*/
|
||||
.sidebar {
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 15px;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
/* Float links */
|
||||
.sidebar a {
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.sidebar a:first-child {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in New Issue
Block a user