New css fix for mobile support

This commit is contained in:
Ethan N. Paul 2017-02-10 16:47:26 -05:00
parent 1a7faf7a5f
commit 5f3893dd3b
1 changed files with 30 additions and 25 deletions

View File

@ -192,18 +192,6 @@ a:focus {
font-size: 26px;
}
.hb-sm {
display: block;
}
.hb-xs {
display: none;
}
#logo_large, #logo_about {
display: block;
}
#logo_small {
display: none;
}
}
.btn-circle {
@ -346,6 +334,36 @@ ul.banner-social-buttons {
margin-top: 0;
}
@media screen and (max-width:767px) {
.hb-sm {
display: none;
}
.hb-xs {
display: block;
}
#logo_large, #logo_about {
display: none;
}
#logo_small {
display: block;
}
}
@media screen and (min-width:768px) {
.hb-sm {
display: block;
}
.hb-xs {
display: none;
}
#logo_large, #logo_about {
display: block;
}
#logo_small {
display: none;
}
}
@media(max-width:1199px) {
ul.banner-social-buttons {
margin-top: 15px;
@ -363,19 +381,6 @@ ul.banner-social-buttons {
margin-bottom: 0;
}
.hb-sm {
display: block;
}
.hb-xs {
display: none;
}
#logo_large, #logo_about {
display: block;
}
#logo_small {
display: none;
}
}
footer {