sasa

Hero/responsivehero.css

@@ -260,4 +260,36 @@
     }
 
 
+}
+
+
+/* Same to all devices above 767px for a Navigational Bar */
+@media only screen and (min-width: 768px){
+
+    #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;
+    }
 }

Profile Page/responsiveprofile.css

@@ -76,10 +76,14 @@
 
 }
 
-@media only screen and (min-width: 768px){
+/* Tablet Devices */
+@media only screen and (min-width: 768px) and (max-width: 991px){
     #ul-nav{
         justify-content: flex-start !important;
     }
+}
+
+@media only screen and (min-width: 768px){
 
     #offcanvasNavbar{
         background: var(--primary-color);