Fix header clickable area on mobile to be full width
This commit is contained in:
parent
d62ce18b7b
commit
3ca57d2d78
1 changed files with 7 additions and 1 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue