from real site

.gitignore

+# This file contains default .gitignore rules. To use it, copy it to .gitignore,
+# and it will cause files like your settings.php and user-uploaded files to be
+# excluded from Git version control. This is a common strategy to avoid
+# accidentally including private information in public repositories and patch
+# files.
+#
+# Because .gitignore can be specific to your site, this file has a different
+# name; updating Drupal core will not override your custom .gitignore file.
+
+# Ignore core when managing all of a project's dependencies with Composer
+# including Drupal core.
+# core
+
+# Ignore dependencies that are managed with Composer.
+# Generally you should only ignore the root vendor directory. It's important
+# that core/assets/vendor and any other vendor directories within contrib or
+# custom module, theme, etc., are not ignored unless you purposely do so.
+#/vendor/
+
+# Ignore configuration files that may contain sensitive information.
+sites/*/settings*.php
+sites/*/services*.yml
+
+# Ignore paths that contain user-generated content.
+#sites/*/files
+#sites/*/private
+
+# Ignore SimpleTest multi-site environment.
+#sites/simpletest
+
+# If you prefer to store your .gitignore file in the sites/ folder, comment
+# or delete the previous settings and uncomment the following ones, instead.
+
+# Ignore configuration files that may contain sensitive information.
+# */settings*.php
+
+# Ignore paths that contain user-generated content.
+# */files
+# */private
+
+# Ignore SimpleTest multi-site environment.
+# simpletest

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 = {