Quick CSS fixes
- fixed hero-area and navbar responsiveness
This commit is contained in:
1 parent
585dac8cb2
commit
7fb7497d54
2 files changed
+14
-11
No files matched your search
+3
-1
@@ -309,7 +309,9 @@ a:hover {
|
|||||||
padding-top: 50px;
|
padding-top: 50px;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 25px;
|
||||||
background-image: url(http://www.publicdomainpictures.net/pictures/220000/velka/rock-concert-1494235506Xle.jpg);
|
background-image: url(http://www.publicdomainpictures.net/pictures/220000/velka/rock-concert-1494235506Xle.jpg);
|
||||||
background-size: 115%;
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
background-blend-mode: soft-light;
|
background-blend-mode: soft-light;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+11
-10
@@ -1,18 +1,19 @@
|
|||||||
@media (min-width: 768px) and (max-width: 1024px) {
|
@media (min-width: 768px) and (max-width: 1024px) {
|
||||||
|
.nav>li>a {
|
||||||
#hero-area .btn{margin-top: 15px;}
|
|
||||||
|
|
||||||
.nav > li > a {
|
|
||||||
padding: 12px 8px;
|
padding: 12px 8px;
|
||||||
line-height: 21px;
|
line-height: 21px;
|
||||||
}
|
}
|
||||||
.social-links{padding-top: 15px;}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 320px) and (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
#hero-area .btn{margin-top: 15px;}
|
#hero-area .title {
|
||||||
.navbar-default{background: rgba(0, 0, 0, 0.8);}
|
font-size: 54pt;
|
||||||
.social-links{padding-top: 15px;}
|
}
|
||||||
.row {padding: 40px 0px;}
|
|
||||||
|
|
||||||
|
#hero-area .btn {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
padding: 40px 0px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user