added some left padding on the main wrappers for smaller screens
commit19e5703aaec3fe55e5feaeb8bb99d6066541365d
authorfriederjanmoerman <hijbrid@gmail.com>
dateMon 1 Jul 2019, 11:14 (7 years ago)
parent3457bea
sass/_main.scss+2−3
@@ -64,7 +64,6 @@ iframe {
6464
6565.content-nav-icon {
6666 position: fixed;
67− left: (2rem / 4);
6867 top: (24rem / 4);
6968 width: 10px;
7069 height: 10px;
@@ -227,12 +226,12 @@ iframe {
227226 overflow: hidden;
228227 .header {
229228 z-index: 4;
229+ background: #000;
230+ height: 100%;
230231 &__navigation {
231232 position: fixed;
232233 height: 100%;
233234 width: 100%;
234− background: #000;
235−
236235 overflow-y: scroll;
237236 display: block;
238237 }
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+}
16@media only screen and (max-width: 800px) {
27 .container--fixed, .content-nav {
38 margin: 0;