Fix header clickable area on mobile to be full width

This commit is contained in:
Morgan Creekmore 2018-11-01 23:36:09 -05:00
parent d62ce18b7b
commit 3ca57d2d78
No known key found for this signature in database
GPG key ID: 0A7464E68B129EB1

View file

@ -10,6 +10,10 @@
li { li {
padding: .1rem 0; padding: .1rem 0;
} }
.container {
padding-left: 0;
padding-right: 0;
}
} }
.hidden-tablet { .hidden-tablet {
display: none; display: none;
@ -42,6 +46,7 @@
cursor: pointer; } cursor: pointer; }
.collapsible-menu label { .collapsible-menu label {
background: url(/img/menu-open.svg) no-repeat left center; background: url(/img/menu-open.svg) no-repeat left center;
background-position: 1.5rem;
display: block; display: block;
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
@ -55,7 +60,8 @@
} }
input#menuToggle:checked + label { input#menuToggle:checked + label {
background-image: url(/img/menu-close.svg); background-image: url(/img/menu-close.svg);
background-position: 1.5rem;
color: #fff; color: #fff;
} }