nav bar

panzerweb · Jun 4, 2024 · 83333cf · 83333cf
1 parent 2122c59
commit 83333cf
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 0 deletions.
diff --git a/Hero/responsivehero.css b/Hero/responsivehero.css
@@ -155,6 +155,36 @@
  /* For Tablet Devices */
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
+    #ul-nav{
+        justify-content: flex-start !important;
+    }
+
+    #offcanvasNavbar{
+        background: var(--primary-color);
+        transition: all 0.5s ease-in-out;
+        font-family: "League Spartan", sans-serif;
+        width: 100%;
+
+    }
+
+    #offcanvasNavbar a span{
+        color: var(--secondary-color);
+    }
+
+    #offcanvasNavbar .nav-item ul li a{
+        color: #000;
+    }
+
+    #offcanvasNavbar ul li a{
+        font-size: 1.2rem;
+        color: var(--secondary-color);
+    }
+
+
+    #offcanvasNavbar.scrolled {
+        background-color: #727272af;
+        --secondary-color: #FBFEF9;
+    }
     #hero-section img{
         display: block;
         width: 60%;

diff --git a/Profile Page/responsiveprofile.css b/Profile Page/responsiveprofile.css
@@ -76,3 +76,36 @@
 
 }
 
+@media only screen and (min-width: 768px){
+    #ul-nav{
+        justify-content: flex-start !important;
+    }
+
+    #offcanvasNavbar{
+        background: var(--primary-color);
+        transition: all 0.5s ease-in-out;
+        font-family: "League Spartan", sans-serif;
+        width: 100%;
+
+    }
+
+    #offcanvasNavbar a span{
+        color: var(--secondary-color);
+    }
+
+    #offcanvasNavbar .nav-item ul li a{
+        color: #000;
+    }
+
+    #offcanvasNavbar ul li a{
+        font-size: 1.2rem;
+        color: var(--secondary-color);
+    }
+
+
+    #offcanvasNavbar.scrolled {
+        background-color: #727272af;
+        --secondary-color: #FBFEF9;
+    }
+}
+