edit css

sites/default/settings.php

@@ -767,9 +767,9 @@
    include $app_root . '/' . $site_path . '/settings.local.php';
  }
 $databases['default']['default'] = array (
-  'database' => 'estore',
-  'username' => 'root',
-  'password' => 'root',
+  'database' => 'invi_estorequ',
+  'username' => 'user',
+  'password' => '12345',
   'prefix' => '',
   'host' => 'localhost',
   'port' => '3306',

themes/contrib/estore/css/styles.css

@@ -14,6 +14,27 @@ html {
 }
 
 /* invi custom */
+header.navbar .category-menu ul.menu.litte-menu{
+  height: 450px;
+  overflow: hidden;
+}
+.more-category{
+    /* text-align: center; */
+    text-transform: none;
+    color: #222222;
+    cursor: pointer;
+    display: block;
+    font-family: Rubik, Arial, Helvetica, sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    padding: 15px 0 10px 0;
+    text-decoration: none;
+    -webkit-transition: .3s ease;
+    -moz-transition: .3s ease;
+    -ms-transition: .3s ease;
+    -o-transition: .3s ease;
+    transition: .3s ease;
+}
 .block-region-top-categories img{
   width: 100%;
   height: 140px;
@@ -9949,14 +9970,24 @@ header.navbar .category-menu ul.menu {
 header.navbar .category-menu ul.menu.hide-block {
   display: none;
 }
+header.navbar .category-menu ul.menu.hide-block-page {
+  display: block;
+}
 
 header.navbar .category-menu ul.menu li {
   position: relative;
   padding: 0 20px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  line-height: 38px;
+  line-height: 40px;
+  text-transform: none;
+  font-weight: 600;
+  margin: 0 1px;
+}
+header.navbar .category-menu ul.menu li:hover {
+      background: #f3f3f3
 }
 
+
 header.navbar .category-menu ul.menu li a {
   padding: 0;
   color: #333;

themes/contrib/estore/estore.libraries.yml

@@ -6,6 +6,7 @@ global-styling:
     js/estore.header.js: {}
     js/estore.anchor_scroll.js: {}
     js/estore.stacktable.js: {}
+    js/custom.js: {}
   dependencies:
     - core/jquery
     - core/drupal

themes/contrib/estore/js/custom.js

+/**
+ * @file
+ * Contain code for header elements
+ */
+
+(function($, Drupal) {
+  var rightMenu = $(".menu.menu--category-menu.nav");
+  lengthMenu = rightMenu.children('li').length;
+  if (lengthMenu > 10) {
+    rightMenu.addClass("litte-menu");
+    rightMenu.children('li').eq(lengthMenu - 1).after('<li class="less-category">Ẩn bớt </li>');
+    rightMenu.children('li').eq(9).after('<li class="more-category">Xem Thêm</li>');
+  }
+
+  $(".more-category").click(function() {
+    rightMenu.removeClass("litte-menu");
+    //  rightMenu.append('<li class="less-category">Ẩn bớt </li>');
+    rightMenu.children('li').eq(10).hide();
+
+  })
+  $(".less-category").click(function() {
+    rightMenu.addClass("litte-menu");
+    rightMenu.children('li').eq(10).show();
+  })
+  var checkHome = $(".estore-homepage-first");
+  console.log(checkHome.length);
+  if (checkHome.length == 0) {
+    $(".menu.menu--category-menu.nav").addClass('hide-block');
+  }
+  // var wrap = $(window);
+  //
+  // wrap.on("scroll", function(e) {
+  //
+  //   if (this.scrollTop > 147) {
+  //     console.log('bb');
+  //     wrap.addClass("fix-search");
+  //   } else {
+  //     console.log('cc',this.scrollTop);
+  //
+  //     wrap.removeClass("fix-search");
+  //   }
+  //
+  // });
+
+  //  if(heightMenu > 400;)
+})(window.jQuery, window.Drupal);

themes/contrib/estore/js/estore.header.js

@@ -17,6 +17,7 @@
       });
     }
   };
+  
 
   // Configure header search block.
   Drupal.behaviors.estoreHeaderSearchBlock = {