Some aesthetic changes

css/sexhackme_gallery.css

@@ -20,6 +20,13 @@
 
 .sexhack_gallery_title {
    top: -30px;
+   overflow: hidden;
+   display: -webkit-box;
+   -webkit-line-clamp: 2; /* number of lines to show */
+           line-clamp: 2; 
+   -webkit-box-orient: vertical;
+   text-align: left;
+   margin-bottom: 0.1em !important;
 }
 
 .sexhack_gallery_thumbnail {
@@ -27,9 +34,9 @@
 }
 
 ul.products li.sexhack_thumbli {
-   border: 2px solid #253e50;
+   //border: 2px solid #253e50;
    border-radius:15px;
-   margin-bottom: 1.6em; 
+   margin-bottom: 1em; 
 }
 
 
@@ -37,11 +44,10 @@ ul.products li.sexhack_thumbli {
   position:relative;
   float:left;
   border-radius:20px;
-  padding: 0 10px 0 10px;
   text-align: center;
   font-size: 9px;
   color:white;
-  top:-30px;
+  top:-10px;
 }
 
 .sexhack_vtag:hover {
@@ -50,7 +56,7 @@ ul.products li.sexhack_thumbli {
 .sexhack_download {
    position: absolute;
    top:1px;
-   left:-15px;
+   left:-1px;
    z-index:100;
    border-bottom:-20px;
    background-color:#4a235a;
@@ -59,7 +65,7 @@ ul.products li.sexhack_thumbli {
 .sexhack_VR {
    position: absolute;
    top:1px;
-   right:-15px;
+   right:-5px;
    z-index:100;
    font-size: 14px;
    border-bottom:-20px;
@@ -122,6 +128,10 @@ ul.products li.sexhack_thumbli {
 }
 
 @media screen and (max-width: 767px) {
+   .videogallery-home {
+      width: 100%;
+      margin-left: 0%;
+   }
    .sexhack_gallery_thumbnail { 
       width:90%;
       display: block;
@@ -131,6 +141,10 @@ ul.products li.sexhack_thumbli {
 		min-height: 100px;
 	}
 
+   .sexhack_vtag {
+      padding: 0 10px 0 10px;
+   }
+
    .sexhack_gallery_row {
       display: block;
    }
@@ -147,21 +161,37 @@ ul.products li.sexhack_thumbli {
 
 @media screen and (min-width: 768px) {
 	
+   .videogallery-home {
+      width: 75%;
+      margin-left: 12.5%;
+   }  
+
+
 	.site-main ul.products.columns-4 li.sexhack_thumbli {
-      width: 20% !important;
+      width: 24% !important;
+      margin-right: 1% !important;
       /* This to solve the different title lenght, combine with right trim and popup full title maybe, 
          and maybe not here but adding another container.
          I should also re-check the sexhack class naming...
       */
-		//height: 210px;
       height: fit-content;
-		//overflow: hidden;
+   }
+
+   .sexhack_gallery_title {
+      font-size: 0.95rem !important;
+      font-weight: 350 !important;
+      line-height: 1;
    }
 
 	.sexhack-video-container {
 		min-height: 200px;
 	}
 
+   .sexhack_vtag {
+      padding: 0 4px 0 4px;
+   }
+
+
    .sexhack_gallery_row {
       display: table-row;
    }
@@ -170,7 +200,6 @@ ul.products li.sexhack_thumbli {
       align: left;
       align-content: top;
       align-items:top;
-      //border: 2px solid red;
       display: table;
    }
 	
@@ -180,6 +209,21 @@ ul.products li.sexhack_thumbli {
 
 }            
 
+@media screen and (min-width: 1000px) {
+
+   .sexhack_vtag {
+      padding: 0 10px 0 10px;     
+   }
+}
+
+@media screen and (min-width: 870px) {
+
+   .sexhack_vtag {
+      padding: 0 7px 0 7px;
+   }
+}
+
+
 .sexhack_thumb_cont {
      position: relative;
      max-width: 100%;
@@ -187,6 +231,9 @@ ul.products li.sexhack_thumbli {
      //border: 2px solid red;
      //border-radius: 6px;
 }
+.sexhack_thumb_cont img {
+	margin: -1px auto 0 !important;
+}
 .sexhack_thumb_cont .sexhack_thumb_hover {
      position: absolute;
      top: 0;

css/sexhackme_header.css

@@ -34,7 +34,6 @@
    margin-bottom: 0em;
 } 
 
-
 @media screen and (min-width: 768px) {
 
     .site-header-cart .cart-contents {
@@ -42,6 +41,14 @@
       padding-top: 10px;
     }
 
+    .page h1.entry-title {
+      display: none;
+    }
+
+    .woocommerce-products-header__title {
+      display: none;
+    }
+
     .col-full {
       max-width: 85em;
     }
@@ -55,9 +62,26 @@
 		margin-bottom: 0em;
 	 }
 
+    .secondary-navigation a {
+       padding: 1em 0.2em !important;
+    }
+
+    .secondary-navigation .menu {
+       float: left !important;
+    }
+
 	 .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
 			padding: 0.4em 0.5em;
     }
+
+    .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
+		color: #f3856b;
+    }
+
+    .storefront-primary-navigation {
+      display: none !important;
+    }
+
     .site-header {
        padding-top: 0.2em;
     }
@@ -84,6 +108,12 @@
  } */
 
 }
+
+@media screen and (min-width: 1024px) {
+   .secondary-navigation .menu {
+      font-size: 1.2em !important;
+   }
+}
 @media screen and (max-width: 767px) {
 	.advbottom {
 		display:none;

includes/class-storefront.php

@@ -34,6 +34,12 @@ if(!class_exists('SH_StoreFront')) {
          remove_action( 'storefront_header', 'storefront_header_cart', 60 );
          remove_action( 'storefront_header', 'storefront_product_search', 40);
          
+         // Remove primary navigation 
+         //remove_action( 'storefront_header', 'storefront_primary_navigation', 50 );
+
+         // readd primary navigation
+         //add_action( 'storefront_header', 'storefront_primary_navigation', 21 );
+
          // Remove StoreFront credits
          add_filter('storefront_credit_link', 'wp_SexHackMe\SH_StoreFront::credits');