modified navigation

3 files changed, 32 insertions, 59 deletions

diff --git a/assets/scss/templates/_navigation.scss b/assets/scss/templates/_navigation.scss
index e6a966d..7ce5ac4 100755
--- a/assets/scss/templates/_navigation.scss
+++ b/assets/scss/templates/_navigation.scss
@@ -20,7 +20,9 @@
 }

 

 .navbar-collapse{

-  background: $secondary-color;

+  @include desktop {

+    background: $secondary-color;

+  }

 }

 

 .navbar-nav {

@@ -132,16 +134,6 @@ link:focus,
         transform-origin: unset;

       }

 

-      &.view {

-        visibility: visible !important;

-        opacity: 1;

-        transform: translateY(0);

-

-        @include desktop {

-          display: block;

-        }

-      }

-

       &.show {

         visibility: hidden;

 

@@ -156,6 +148,7 @@ link:focus,
       position: relative;

       color: $text-color-dark;

       transition: .2s ease;

+      text-transform: capitalize;

       font-family: $primary-font;

 

       @include desktop {

diff --git a/exampleSite/resources/_gen/assets/scss/educenter-hugo/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/educenter-hugo/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index da117fd..bef7287 100644
--- a/exampleSite/resources/_gen/assets/scss/educenter-hugo/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/exampleSite/resources/_gen/assets/scss/educenter-hugo/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -40,37 +40,31 @@ h1, .h1 {
   @media (max-width: 575px) {
     h1, .h1 {
       font-size: 45px; } }
-
 h2, .h2 {
   font-size: 40px; }
   @media (max-width: 575px) {
     h2, .h2 {
       font-size: 30px; } }
-
 h3, .h3 {
   font-size: 25px; }
   @media (max-width: 575px) {
     h3, .h3 {
       font-size: 20px; } }
-
 h4, .h4 {
   font-size: 20px; }
   @media (max-width: 575px) {
     h4, .h4 {
       font-size: 18px; } }
-
 h5, .h5 {
   font-size: 18px; }
   @media (max-width: 575px) {
     h5, .h5 {
       font-size: 16px; } }
-
 h6, .h6 {
   font-size: 16px; }
   @media (max-width: 575px) {
     h6, .h6 {
       font-size: 14px; } }
-
 /* Button style */
 .btn {
   font-size: 16px;
@@ -390,8 +384,7 @@ textarea.form-control {
       background: #ffbc3b;
       color: #fff;
       border-color: #ffbc3b; }
-    .pagination .page-item:first-child .page-link,
-    .pagination .page-item:last-child .page-link {
+    .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
       border-radius: 0; }
     .pagination .page-item .page-link {
       color: #5c5c77; }
@@ -471,31 +464,25 @@ textarea.form-control {
     transform: scaleY(0);
     transform-origin: top; }
 
-@media (max-width: 991px) {
-  .header {
-    position: static !important;
-    background: #1a1a37; } }
-
 .navigation {
-  background-image: linear-gradient(to right, transparent 50%, #ffbc3b 50%);
+  background: linear-gradient(to right, transparent 50%, #ffbc3b 50%);
   transition: .2s ease; }
-  @media (max-width: 575px) {
+  @media (max-width: 991px) {
     .navigation {
-      background-image: linear-gradient(to right, transparent 70%, #ffbc3b 30%); } }
+      background: #1a1a37; } }
+.navbar-collapse {
+  background: #1a1a37; }
 
 .navbar-nav {
   padding-left: 50px;
   background: #ffbc3b; }
   @media (max-width: 991px) {
     .navbar-nav {
-      padding-left: 0; } }
-
+      padding-left: 0;
+      background: #1a1a37; } }
 .nav-bg {
   background-color: #1a1a37; }
 
-.top-height {
-  margin-top: -46px; }
-
 .nav-item {
   margin: 0 15px;
   position: relative; }
@@ -517,17 +504,17 @@ textarea.form-control {
     transform: scaleY(1);
     transform-origin: bottom; }
 
-.navbar-light .navbar-nav .nav-link {
+.navbar-dark .navbar-nav .nav-link {
   color: #fff; }
 
 link:focus,
-.navbar-light .navbar-nav .nav-link:hover {
+.navbar-dark .navbar-nav .nav-link:hover {
   color: #fff; }
 
-.navbar-light .navbar-nav .active > .nav-link,
-.navbar-light .navbar-nav .nav-link.active,
-.navbar-light .navbar-nav .nav-link.show,
-.navbar-light .navbar-nav .show > .nav-link {
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .show > .nav-link {
   color: #fff; }
 
 .navbar-expand-lg .navbar-nav .nav-link {
@@ -535,7 +522,6 @@ link:focus,
   @media (max-width: 991px) {
     .navbar-expand-lg .navbar-nav .nav-link {
       padding: 20px; } }
-
 .sticky {
   position: fixed;
   top: 0;
@@ -568,24 +554,17 @@ link:focus,
       visibility: visible;
       transform: translateY(0);
       transform-origin: unset; } }
-  .navbar .dropdown-menu.view {
-    visibility: visible !important;
-    opacity: 1;
-    transform: translateY(0); }
-    @media (max-width: 991px) {
-      .navbar .dropdown-menu.view {
-        display: block; } }
   .navbar .dropdown-menu.show {
     visibility: hidden; }
     @media (max-width: 991px) {
       .navbar .dropdown-menu.show {
         visibility: visible;
         display: block; } }
-
 .navbar .dropdown-item {
   position: relative;
   color: #1e1e4b;
   transition: .2s ease;
+  text-transform: capitalize;
   font-family: "Poppins", sans-serif; }
   @media (max-width: 991px) {
     .navbar .dropdown-item {
@@ -670,7 +649,6 @@ link:focus,
       padding: 50px; }
       .feature-blocks h3 {
         font-size: 25px; } }
-
 /* /banner feature */
 /* course */
 .card-btn {
@@ -698,7 +676,6 @@ link:focus,
       .success-video .play-btn {
         left: 50%;
         transform: translate(-50%, -50%); } }
-
 .play-btn {
   display: inline-block;
   height: 80px;
@@ -778,7 +755,6 @@ link:focus,
     @media (max-width: 575px) {
       .newsletter-block {
         padding-left: 15px; } }
-
 .input-wrapper {
   position: relative; }
   .input-wrapper button {
@@ -819,3 +795,12 @@ link:focus,
     color: #ffbc3b; }
   .filter-controls li:hover {
     color: #ffbc3b; }
+
+.tag-list a {
+  display: block;
+  padding: 5px 10px;
+  background: #f8f9fe;
+  color: #5c5c77; }
+  .tag-list a:hover {
+    background-color: #ffbc3b;
+    color: #fff; }
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index e19e4ff..7f4695b 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -470,8 +470,9 @@ textarea.form-control {
   @media (max-width: 991px) {
     .navigation {
       background: #1a1a37; } }
-.navbar-collapse {
-  background: #1a1a37; }
+@media (max-width: 991px) {
+  .navbar-collapse {
+    background: #1a1a37; } }
 
 .navbar-nav {
   padding-left: 50px;
@@ -554,13 +555,6 @@ link:focus,
       visibility: visible;
       transform: translateY(0);
       transform-origin: unset; } }
-  .navbar .dropdown-menu.view {
-    visibility: visible !important;
-    opacity: 1;
-    transform: translateY(0); }
-    @media (max-width: 991px) {
-      .navbar .dropdown-menu.view {
-        display: block; } }
   .navbar .dropdown-menu.show {
     visibility: hidden; }
     @media (max-width: 991px) {
@@ -571,6 +565,7 @@ link:focus,
   position: relative;
   color: #1e1e4b;
   transition: .2s ease;
+  text-transform: capitalize;
   font-family: "Poppins", sans-serif; }
   @media (max-width: 991px) {
     .navbar .dropdown-item {