style(mobile): v2 refinements - right-side toggle, ultra-slim header, and fit fixes

TechStack Global · TechStack Global · commit 2fce1b9dae95 · 2026-02-28T08:10:58.000+05:00
diff --git a/about.html b/about.html
@@ -18,7 +18,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16.png">
diff --git a/affiliate-disclosure.html b/affiliate-disclosure.html
@@ -7,7 +7,7 @@
     <title>Affiliate Disclosure | TechStack Global</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16.png">
diff --git a/amazon-stack.html b/amazon-stack.html
@@ -9,7 +9,7 @@
         content="The definitive guide to Amazon-sourced hardware for students, freelancers, and remote workers. Vetted benchmarks for modern productivity.">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
 
diff --git a/blog.html b/blog.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
diff --git a/contact.html b/contact.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16.png">
diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
     <!-- Google Fonts: Inter for that premium tech feel -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
 
     <!-- FontAwesome for Icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
diff --git a/posts/apple-macbook-pro-m4-pro-review.html b/posts/apple-macbook-pro-m4-pro-review.html
@@ -7,7 +7,7 @@
     <title>Apple MacBook Pro M4 Pro Review (2026) | TechStack Global</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/posts/best-headphones-for-classes.html b/posts/best-headphones-for-classes.html
@@ -9,7 +9,7 @@
         content="From Sony to Bose, we review the best noise-cancelling headphones for online classes, libraries, and busy homes. Stay focused on your studies in 2026.">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 </head>
diff --git a/posts/best-laptops-for-students-2026.html b/posts/best-laptops-for-students-2026.html
@@ -9,7 +9,7 @@
         content="The definitive guide to the best laptops for students in 2026. From budget picks under $1000 to premium workstations. Expert analysis on battery, performance, and value.">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 </head>
diff --git a/posts/best-premium-laptop-for-work-2026.html b/posts/best-premium-laptop-for-work-2026.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 
diff --git a/posts/best-remote-work-setup-2026.html b/posts/best-remote-work-setup-2026.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 
diff --git a/posts/budget-laptops-under-1000.html b/posts/budget-laptops-under-1000.html
@@ -9,7 +9,7 @@
         content="Looking for the best budget laptop under $1000? We review the top value picks for students, freelancers, and remote work. Performance without the premium price tag.">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 </head>
diff --git a/posts/dell-thunderbolt-smart-dock-review.html b/posts/dell-thunderbolt-smart-dock-review.html
@@ -20,7 +20,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/posts/dell-xps-15-9530-review.html b/posts/dell-xps-15-9530-review.html
@@ -20,7 +20,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/posts/do-you-need-thunderbolt-dock.html b/posts/do-you-need-thunderbolt-dock.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 
diff --git a/posts/is-a-4k-monitor-worth-it.html b/posts/is-a-4k-monitor-worth-it.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 
diff --git a/posts/is-samsung-990-pro-worth-it.html b/posts/is-samsung-990-pro-worth-it.html
@@ -19,7 +19,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
 
diff --git a/posts/lg-27us500-w-ultrafine-monitor-review.html b/posts/lg-27us500-w-ultrafine-monitor-review.html
@@ -21,7 +21,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/posts/samsung-990-pro-ssd-review.html b/posts/samsung-990-pro-ssd-review.html
@@ -20,7 +20,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/posts/surface-laptop-studio-2-review.html b/posts/surface-laptop-studio-2-review.html
@@ -20,7 +20,7 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/posts/template.html b/posts/template.html
@@ -7,7 +7,7 @@
     <title>SaaS Review Template | TechStack Global</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="../style.css?v=6">
+    <link rel="stylesheet" href="../style.css?v=7">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="../assets/icons/favicon-32.png">
diff --git a/privacy-policy.html b/privacy-policy.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         body {
diff --git a/style.css b/style.css
@@ -1312,7 +1312,7 @@ h1.post-title,
 
     .nav-links {
         position: fixed;
-        top: 42px;
+        top: 36px;
         /* Slimmed to match header height */
         /* Matches the new measured header height */
         left: 0;
@@ -1577,31 +1577,49 @@ h1.post-title,
 
     /* Affiliate notice needs to clear fixed header */
     #site-affiliate-notice {
-        margin-top: 42px !important;
+        margin-top: 38px !important;
+        /* Matches new header height */
     }
 
-    /* Fixed Header Adjustments */
+    /* Fixed Header Adjustments - Super Slim */
     .glass-header nav {
-        justify-content: flex-start !important;
-        gap: 1rem !important;
-        padding: 0.45rem 1.25rem !important;
-        /* Slimmed down from 0.8rem to 0.45rem */
+        justify-content: space-between !important;
+        /* Restore side-by-side */
+        gap: 0.5rem !important;
+        padding: 0.25rem 1.25rem !important;
+        /* Absolute minimum padding */
     }
 
     .logo {
-        font-size: 1.45rem !important;
-        /* Restored closer to its "perfect" size */
-        order: 0 !important;
+        font-size: 1.4rem !important;
+        order: -1 !important;
+        /* Logo on left */
     }
 
     .menu-toggle {
         display: flex !important;
         align-items: center;
         justify-content: center;
-        order: -1 !important;
-        /* Toggle stays on the left */
-        padding: 0.3rem 0.6rem !important;
-        font-size: 1rem !important;
+        order: 1 !important;
+        /* Toggle back to right */
+        padding: 0.25rem 0.5rem !important;
+        font-size: 0.9rem !important;
+    }
+
+    /* Affiliate notice needs to clear slimmer fixed header */
+    #site-affiliate-notice {
+        margin-top: 36px !important;
+        /* Adjusted for super slim header */
+        width: 100% !important;
+        box-sizing: border-box !important;
+        padding: 6px 1rem !important;
+    }
+
+    .affiliate-disclaimer {
+        margin: 1.5rem 0 !important;
+        width: 100% !important;
+        box-sizing: border-box !important;
+        padding: 1rem !important;
     }
 
     /* Post Content & Body Fixes - Solve the "3-4 word wrap" issue */
diff --git a/terms-of-service.html b/terms-of-service.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=6">
+    <link rel="stylesheet" href="style.css?v=7">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         body {
