diff --git a/src/app/globals.css b/src/app/globals.css
index 03f1617..7d35ed4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -8,6 +8,8 @@
 
 html {
   scroll-behavior: smooth;
+  /* never allow sideways scroll from any overflow (sticky-safe, unlike hidden) */
+  overflow-x: clip;
 }
 
 body {
diff --git a/src/components/layout/NavLinks.tsx b/src/components/layout/NavLinks.tsx
index 3a39864..e15f91b 100644
--- a/src/components/layout/NavLinks.tsx
+++ b/src/components/layout/NavLinks.tsx
@@ -7,7 +7,7 @@ import { SECTIONS } from '@/data/feeds';
 export default function NavLinks() {
   const pathname = usePathname();
   return (
-    <nav className="flex items-center gap-1" aria-label="Primary">
+    <nav className="hidden items-center gap-1 md:flex" aria-label="Primary">
       {SECTIONS.map((s) => {
         const href = s.slug === 'all' ? '/' : `/${s.slug}`;
         const active = s.slug === 'all' ? pathname === '/' : pathname.startsWith(`/${s.slug}`);