enpaul/enpaul.net
1
0
Fork 0
Code Issues Pull Requests Releases Activity

New css fix for mobile support

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
css/style.css
View File

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