From 20549022f5ea0ec11418559775e896da6702dec7 Mon Sep 17 00:00:00 2001
From: Zdenek K <zdenek.kedaj@gmail.com>
Date: Tue, 4 Apr 2023 22:35:38 +0200
Subject: [PATCH] Visual guard for left menu to improve readability against
 dark section background

---
 assets/css/responsiveness.scss | 1 +
 assets/css/theme.scss          | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

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;