jun 14

style/_nav.scss

@@ -98,29 +98,30 @@ input::placeholder {
 .logo-img{
     cursor:pointer;
 }
-    
-.register{
-    .register-link{
-        color: #15c1c6;
-        cursor: pointer;
-        margin-right: 10px;
 
-    }
-    .register-link:hover{
-        color:#333333;
-        transition: 0.3s;
-    }
+.dropdown{
+
+    top: 22%;
+    right: 10px;
 }
+// .register{
+//     .register-link{
+//         color: #15c1c6;
+//         cursor: pointer;
+//         margin-right: 10px;
+
+//     }
+//     .register-link:hover{
+//         color:#333333;
+//         transition: 0.3s;
+//     }
+// }
 
 @media only screen and (min-width: 768px) {
-    .register{
+    .dropdown{
         position: absolute;
-        top: 15px;
+        top: 7px;
         left: 20px;
-        .register-link:hover{
-            color:#efefef;
-            transition: 0.3s;
-        }
     }
     
     .form-search{
@@ -191,14 +192,10 @@ input::placeholder {
 }
 
 @media only screen and (min-width: 992px) {
-    .register{
+    .dropdown{
         position: absolute;
         left: 5%;
-        top: 2%;
-        .register-link:hover{
-            color:#efefef;
-            transition: 0.3s;
-        }
+        top: 10px;
     }
     .navbar{
         height: 60px;

style/style.css

@@ -106,26 +106,17 @@ input::placeholder {
   cursor: pointer;
 }
 
-.register .register-link {
-  color: #15c1c6;
-  cursor: pointer;
-  margin-right: 10px;
-}
-.register .register-link:hover {
-  color: #333333;
-  transition: 0.3s;
+.dropdown {
+  top: 22%;
+  right: 10px;
 }
 
 @media only screen and (min-width: 768px) {
-  .register {
+  .dropdown {
     position: absolute;
-    top: 15px;
+    top: 7px;
     left: 20px;
   }
-  .register .register-link:hover {
-    color: #efefef;
-    transition: 0.3s;
-  }
   .form-search {
     width: 229px !important;
     background-color: #4a4e55;
@@ -177,14 +168,10 @@ input::placeholder {
   }
 }
 @media only screen and (min-width: 992px) {
-  .register {
+  .dropdown {
     position: absolute;
     left: 5%;
-    top: 2%;
-  }
-  .register .register-link:hover {
-    color: #efefef;
-    transition: 0.3s;
+    top: 10px;
   }
   .navbar {
     height: 60px;