Fixed navbar

Anjaliavv51 · Oct 23, 2024 · 5ea0dd6 · 5ea0dd6
1 parent d393add
commit 5ea0dd6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/Css-files/navbarstyles.css b/Css-files/navbarstyles.css
@@ -11,12 +11,11 @@ body {
     display: flex;
     width: 100%;
     justify-content: space-between;
-    margin: 10px 1px!important;
-    border-radius: 20px;
+    margin: 20px 1px!important;
 }
 
 .nav-right {
-    margin-left: auto;
+    /* margin-left: auto; */
     /* Pushes the login/signup to the right side */
     display: flex;
     gap: 15px;

diff --git a/index.html b/index.html
@@ -441,7 +441,7 @@
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0" style="margin-left: 25vw;">
                     <li class="nav-item">
                         <a class="nav-link" aria-current="page" href="#"
                             style="color: black; font-family: var(--ff-philosopher);">Home</a>
@@ -512,12 +512,13 @@
 
     .dark-mode {
         background-color: #343a40; 
-        color: white; 
+        color: white !important; 
+
     }
 
     .dark-mode .navbar .navbar-brand,
     .dark-mode .navbar .nav-link {
-        color: white;
+        color: white !important;
     }
 
     .dark-mode .navbar .nav-link:hover {
@@ -538,6 +539,7 @@
 
     #darkModeToggle:hover {
         background-color: #e2e6ea; 
+        color: #fff !important;
     }
 
     #darkModeToggle .fas {