on master help sign in
added some left padding on the main wrappers for smaller screens
19e5703friederjanmoerman
sass/_main.scss+2−3
@@ -64,7 +64,6 @@ iframe {
64
64
65.content-nav-icon {
65.content-nav-icon {
66 position: fixed;
66 position: fixed;
67− left: (2rem / 4);
68 top: (24rem / 4);
67 top: (24rem / 4);
69 width: 10px;
68 width: 10px;
70 height: 10px;
69 height: 10px;
@@ -227,12 +226,12 @@ iframe {
227 overflow: hidden;
226 overflow: hidden;
228 .header {
227 .header {
229 z-index: 4;
228 z-index: 4;
229+ background: #000;
230+ height: 100%;
230 &__navigation {
231 &__navigation {
231 position: fixed;
232 position: fixed;
232 height: 100%;
233 height: 100%;
233 width: 100%;
234 width: 100%;
234− background: #000;
235−
236 overflow-y: scroll;
235 overflow-y: scroll;
237 display: block;
236 display: block;
238 }
237 }
sass/_responsive.scss+5
@@ -1,3 +1,8 @@
1+@media only screen and (max-width: 1080px) {
2+ .header, .main-wrapper {
3+ padding-left: 2%;
4+ }
5+}
1@media only screen and (max-width: 800px) {
6@media only screen and (max-width: 800px) {
2 .container--fixed, .content-nav {
7 .container--fixed, .content-nav {
3 margin: 0;
8 margin: 0;