diff --git a/frontend/src/css/modules/landing.scss b/frontend/src/css/modules/landing.scss index b0bfc8205d..a6d2ad0aec 100644 --- a/frontend/src/css/modules/landing.scss +++ b/frontend/src/css/modules/landing.scss @@ -107,11 +107,49 @@ section.bg-section { /*simple header*/ .sim-header { - font-size: 18px; - top: 0; - left: 0; - z-index: 1001; - width: 100%; + font-size: 18px; + top: 0; + left: 0; + z-index: 999; + width: 100%; + position: relative; + nav { + background-color:rgba(255, 255, 255, 0.9); + box-shadow: 0 0 0 0 #000; + position: fixed; + top: 0; + left: 0; + padding: 0 100px; + transition: all 0.1s ease-in-out; + a.sim-header-link { + color: #4d4d4d; + font-weight: 400; + transition: all 0.2s ease-in-out; + &:hover { + color: #ffaf4b; + background-color: rgba(0, 0, 0, 0); + } + } + a.light-link { + color: #9ca3be; + transition: all 0.2s ease-in-out; + &:hover { + color: #fff; + } + } + a.active { + color: #ffaf4b; + background-color: rgba(0, 0, 0, 0); + } + nav.grad-shadow-1 { + box-shadow: 0 0 10px #9d9d9d; + } + } +} +@media only screen and (max-width: 992px) { + .sim-header nav { + padding: 0px 30px; + } } .grad-head { diff --git a/frontend/src/views/web/partials/main-header.html b/frontend/src/views/web/partials/main-header.html index 075afb6aeb..25d0eaa317 100644 --- a/frontend/src/views/web/partials/main-header.html +++ b/frontend/src/views/web/partials/main-header.html @@ -31,6 +31,9 @@