Responsiveness tweaks for phones
This commit is contained in:
parent
79e8f43494
commit
69bf35784f
1 changed files with 29 additions and 14 deletions
|
@ -100,20 +100,6 @@ h2 {
|
|||
color: #c3a6e0;
|
||||
}
|
||||
|
||||
@media (max-width: 767px){
|
||||
.navbar > div > .collapse {
|
||||
display: block;
|
||||
margin-left: -15px;
|
||||
}
|
||||
.navbar-collapse .active > a {
|
||||
border: 0 !important;
|
||||
}
|
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
Template
|
||||
*/
|
||||
|
@ -308,3 +294,32 @@ h2 {
|
|||
.page-home .features {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
Responsiveness
|
||||
*/
|
||||
|
||||
@media (max-width: 767px){
|
||||
.page-home .header .branding {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.page-home .header {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.navbar > div > .collapse {
|
||||
display: block;
|
||||
margin-left: -15px;
|
||||
}
|
||||
.navbar-collapse .active > a {
|
||||
border: 0 !important;
|
||||
}
|
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px){
|
||||
.navbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue