From 2345a832155d7ead3154971814b0310e17cae4a3 Mon Sep 17 00:00:00 2001
From: paolosantarsiero <paolosantarsiero9@gmail.com>
Date: Wed, 5 Feb 2025 16:03:28 +0100
Subject: [PATCH] fix: sticky in product page

---
 app/product/[name]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/product/[name]/page.tsx b/app/product/[name]/page.tsx
index ae20c335c..1b3c61ac5 100644
--- a/app/product/[name]/page.tsx
+++ b/app/product/[name]/page.tsx
@@ -103,7 +103,7 @@ export default async function ProductPage(props: { params: Promise<{ name: strin
       <div className="mx-auto max-w-screen-2xl px-4">
         <div className="grid items-start gap-8 rounded-lg border border-neutral-200 bg-white p-4 dark:border-neutral-800 dark:bg-black md:flex-col-reverse lg:grid-cols-2 lg:flex-row lg:flex-col">
           <h1 className="mb-2 text-5xl font-medium md:hidden lg:hidden">{product.name}</h1>
-          <div className="sticky top-4 w-full self-start">
+          <div className="lg:sticky top-4 w-full self-start">
             <Suspense
               fallback={
                 <div className="relative aspect-square h-full max-h-[550px] w-full overflow-hidden" />