Responsive Design

This commit is contained in:
Nayab W 2018-11-03 16:00:17 -05:00 committed by GitHub
parent 927cf8d07f
commit fbb552335a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -92,3 +92,31 @@ li a:hover {
padding: 0;
}
.navigation .icon {
display: none;
}
@media screen and (max-width: 600px) {
.navigation a:not(:first-child) {display: none;}
.navigation a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.navigation.responsive {position: relative;}
.navigation.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.navigation.responsive a {
float: none;
display: block;
text-align: left;
}
}