Responsive Sidebarmenu

2020-08-16 10:30:55 +02:00
parent fb72b00456
commit 681cdad1cb
6 changed files with 146 additions and 5 deletions
--- a/components/03_Organisms/header/_header.scss
+++ b/components/03_Organisms/header/_header.scss
@@ -7,6 +7,7 @@ $-logo-height: 45px;
    height: 60px;
 	box-shadow: 0 0 2px $-light-brown;
 	grid-area: header;
+	background-color: white;

    &__Navigation{
        flex-grow: 2;
@@ -58,4 +59,13 @@ $-logo-height: 45px;
    .LP-Header__Navigation{
        width: 100%;
    }
+}
+
+@media(max-width: $-viewport-toggle-sidebar){
+	.LP-Header{
+		padding-left: 40px;
+		width: calc(100% - 40px);
+		position: fixed;
+		z-index: 10;
+	}
 }