diff --git a/assets/css/responsiveness.scss b/assets/css/responsiveness.scss index 4b47252..5f70f11 100644 --- a/assets/css/responsiveness.scss +++ b/assets/css/responsiveness.scss @@ -4,6 +4,7 @@ ========================================================================== */ @media only screen and (max-width: 1130px) { + /* makes it a top sticky menu */ .fixed-nav { opacity: 1; position: fixed; diff --git a/assets/css/theme.scss b/assets/css/theme.scss index 53604eb..a67c3bb 100644 --- a/assets/css/theme.scss +++ b/assets/css/theme.scss @@ -96,12 +96,14 @@ body { } // ========== Sticky menus =========== +/* Left sticky menu */ .fixed-nav { + background-color: var(--section-light-bg-color); + border-radius: 0 25px 20px 0; + padding: 1em 1.5em; display: none; - opacity: 1; position: fixed; top: 40px; - left: 2%; z-index: 99999; font-family: "Open Sans Condensed", sans-serif; text-transform: uppercase;