i fixed the nav bar where dark mode icon and profile icon is overlapp…

…ing the navbar items

assets/css/style.css

@@ -3185,7 +3185,7 @@ footer {
 
 /* Switch Label */
 .switch-label {
- position: relative;
+ position: relative; /* Or absolute if needed */
  width: 45px;
  height: 30px;
  background-color: #ccc;
@@ -3197,8 +3197,11 @@ footer {
  padding: 0 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.5s ease;
+ left: 250px; /* Adjust to move it to the right */
 }
 
+
+
 .switch-label .sun-icon,
 .switch-label .moon-icon {
  font-size: 19px;

index.html

@@ -75,15 +75,17 @@
 
 
  .nav {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 20px;
- }
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20px;
+ margin-left: -47px; /* Increased negative margin to move content more to the left */
+}
+
 
  .action {
  position: absolute;
- right: 600px; 
+ left: 1440px; 
  top: 15px; 
  }
 
@@ -676,15 +678,16 @@
 
 
  /* Basic navbar styling */
-.header {
+ .header {
  position: fixed;
  width: 100%;
- top: 10;
+ top: 10px; /* Assuming you meant 10px for the top */
  z-index: 1000;
- transition: top 0.3s;
- transition: transform 0.3s ease;
+ transition: top 0.3s, transform 0.3s ease;
+ margin-left: 10px; /* Add a negative margin to shift left */
 }
 
+
 /* Hide the navbar */
 .header.hidden {
  top: -93px; /* Adjust according to your header height */