fix navbar adjustment on large or desktop screen

Css-files/mode-toggler.css

@@ -1,11 +1,11 @@
-.toggle-container {
+/* .toggle-container {
   transform: translate(-50%, -50%);
   display: flex;
   align-items: center;
   justify-content: center;
   right: -4px;
   top: 15px;
-  /* position: fixed; */
+  position: fixed;
   top: 40px;
   right: 20%;
   z-index: 100;
@@ -16,7 +16,7 @@
   width: 40px;
   height: 20px;
   margin-top: 10px;
-}
+} */
 
 
 /* Hidden Checkbox */

index.html

@@ -289,7 +289,7 @@
 
             <!-- Centered Navbar Links -->
             <div 
-            style=" margin-left: 25vw;"
+            style=" margin-left: 20vw;"
             class="collapse navbar-collapse hamburgeritems centerdiv order-2 order-lg-0">
                 <ul class="navbar-nav center-links">
                     <li class="nav-item">
@@ -363,15 +363,6 @@
 
             <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
 
-
-            <div id="sun-moon-mode-toggler" class="toggle-container" >
-              <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
-              <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
-              <div class="toggle-button">
-              </div>
-              </label>
-          </div>
-
 
             <!-- Navbar Toggler -->
 
@@ -448,6 +439,13 @@
                 </ul>
             </div>
         </div>
+        <div id="sun-moon-mode-toggler" class="toggle-container" >
+            <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
+            <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
+            <div class="toggle-button">
+            </div>
+            </label>
+          </div>
     </nav>