diff --git a/components/03_Organisms/header/_header.scss b/components/03_Organisms/header/_header.scss index 09f8ee0..ef06b83 100644 --- a/components/03_Organisms/header/_header.scss +++ b/components/03_Organisms/header/_header.scss @@ -8,6 +8,7 @@ $-logo-height: 45px; box-shadow: 0 0 2px $-light-brown; grid-area: header; background-color: white; + padding-left: 25px; &__Navigation{ flex-grow: 2; @@ -15,7 +16,6 @@ $-logo-height: 45px; &__Logo { height: $-logo-height; - margin: 25px; object-fit:cover; max-height: 100%; width: 225px; @@ -63,8 +63,8 @@ $-logo-height: 45px; @media(max-width: $-viewport-toggle-sidebar){ .LP-Header{ - padding-left: 40px; - width: calc(100% - 40px); + padding-left: 60px; + width: calc(100% - 60px); position: fixed; z-index: 10; } diff --git a/public/main.css b/public/main.css index dba298e..e3c67e4 100644 --- a/public/main.css +++ b/public/main.css @@ -512,12 +512,12 @@ body { height: 60px; box-shadow: 0 0 2px #C09F80; grid-area: header; - background-color: white; } + background-color: white; + padding-left: 25px; } .LP-Header__Navigation { flex-grow: 2; } .LP-Header__Logo { height: 45px; - margin: 25px; object-fit: cover; max-height: 100%; width: 225px; @@ -550,8 +550,8 @@ body { @media (max-width: 650px) { .LP-Header { - padding-left: 40px; - width: calc(100% - 40px); + padding-left: 60px; + width: calc(100% - 60px); position: fixed; z-index: 10; } }