fixed issues with menu options not working in mobile view

rjuvekar137 · May 6, 2024 · fa0cb0a · fa0cb0a
1 parent 42492bf
commit fa0cb0a
Show file tree

Hide file tree

Showing 11 changed files with 17 additions and 13 deletions.
diff --git a/node_modules/.cache/.eslintcache b/node_modules/.cache/.eslintcache
diff --git a/....cache/babel-loader/ba1210bc22d0aacc1889ee57a1b28fe11bfd56a0b7cc2eaec75d9861e51df10a.json b/....cache/babel-loader/ba1210bc22d0aacc1889ee57a1b28fe11bfd56a0b7cc2eaec75d9861e51df10a.json
diff --git a/node_modules/.cache/default-development/0.pack b/node_modules/.cache/default-development/0.pack
diff --git a/node_modules/.cache/default-development/11.pack b/node_modules/.cache/default-development/11.pack
diff --git a/node_modules/.cache/default-development/15.pack b/node_modules/.cache/default-development/15.pack
diff --git a/node_modules/.cache/default-development/17.pack b/node_modules/.cache/default-development/17.pack
diff --git a/node_modules/.cache/default-development/index.pack b/node_modules/.cache/default-development/index.pack
diff --git a/node_modules/.cache/default-development/index.pack.old b/node_modules/.cache/default-development/index.pack.old
diff --git a/src/components/navBar/style.scss b/src/components/navBar/style.scss
@@ -59,7 +59,7 @@
 }
 
 @media only screen and (max-width : 768px) {
-    .navBar__Container__Menu{
+    .navBar__Container__Menu {
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -70,24 +70,25 @@
         left: -110%;
         opacity: 1;
         transition: all 0.5 ease;
+        z-index: 10; /* Add this line */
 
-        &.active{
+        &.active {
             background-color: #181818;
             left: 0px;
             opacity: 1;
         }
 
-        &__Item{
+        &__Item {
             border-bottom: 1px solid #282828;
             margin: 0px;
             padding: 20px 0px;
         }
     }
 
-    .nav-icon{
-       display: block;
-       cursor: pointer;
-       color: var(--theme-main-color);
-       padding-right: 20px;
+    .nav-icon {
+        display: block;
+        cursor: pointer;
+        color: var(--theme-main-color);
+        padding-right: 20px;
     }
-}
+}
diff --git a/src/containers/about/index.jsx b/src/containers/about/index.jsx
@@ -67,8 +67,8 @@ const About = () => {
                                 drive innovation and creativity in the digital landscape.
                             </div>
                             <div>
-                            I hope to bring my technical skills with me in future endeavors and develop solutions to challenging problems.
-                            I look forward to the exciting opportunities that lie at the intersection of technology and creativity!
+                                I hope to bring my technical skills with me in future endeavors and develop solutions to challenging problems.
+                                I look forward to the exciting opportunities that lie at the intersection of technology and creativity!
                             </div>
                         </p>
                     </Animate>

diff --git a/src/containers/about/style.scss b/src/containers/about/style.scss
@@ -27,7 +27,9 @@
                 line-height: 1.65;
                 padding-bottom: 20px;
                 border-bottom: 1px dashed var(--theme-main-color);
-                text-indent: 25px;
+                div{
+                    text-indent: 25px;
+                }
             }
 
             ul > li{