hide portfolio on mobile

static/css/main.css

@@ -1678,6 +1678,30 @@ body.page-loaded > *:not(.navbar) {
     margin-right: 0;
 }
 
+/* Hide portfolio page on tablet and mobile screens */
+@media (max-width: 991px) {
+    body:has(.design-showcase) {
+        display: none !important;
+    }
+    
+    /* Alternative approach for browsers that don't support :has() */
+    .design-showcase {
+        display: none !important;
+    }
+    
+    /* Hide the entire portfolio page content */
+    .design-showcase,
+    .design-showcase * {
+        display: none !important;
+    }
+    
+    /* Hide portfolio navigation link on tablet and mobile */
+    .navbar-nav .nav-item:has(a[href*="portfolio"]),
+    .navbar-nav .nav-item a[href*="portfolio"] {
+        display: none !important;
+    }
+}
+
 .feature-icon-wrapper::before {
     content: '';
     position: absolute;