From the screenshot, I can see a blue/purple horizontal gap between the category navigation strip and the hero banner carousel. Let me find what's causing this.
I can see the header is fixed and there's a spacer <div className="h-[112px]" /> after it. But the header only contains the main row (logo, search, actions) without the categories navbar. The categories navbar is separate. Let me check where the CategoriesNavbar is rendered and how the spacing works:
Now I see the issue clearly. The layout is:
fixed top-0, height ~56-64px, has a spacer h-[112px]fixed top-[56px] sm:top-[64px], height 44px (h-11)<div className="bg-gray-700">The spacer in the header is h-[112px] which accounts for header (64px) + categories (44px) = ~108px. But the wrapper <div className="bg-gray-700"> is visible between the fixed elements and the page content because bg-gray-700 shows through. That blue/purple space IS the bg-gray-700 wrapper background showing through.
The fix is to remove that bg-gray-700 wrapper since both the header and navbar are fixed and self-contained with their own backgrounds:
Let me also check if the English page has the same issue:
I can see the same bg-gray-700 wrapper pattern in several pages. Let me fix the key pages:
Now let me fix all these pages by removing the bg-gray-700 wrapper:
Now let me also check the closing </div> for the EN product page since it was part of the same wrapper:
There's a leftover </div> from the removed wrapper:
Let me also check for the BG product page:
Good, the BG product page doesn't have this wrapper. The blue space between the navigation and the banner was caused by <div className="bg-gray-700"> wrappers around the header and categories navbar on multiple pages. Since both the header and the categories navbar are fixed positioned with their own dark backgrounds (bg-neutral-900 and bg-neutral-950), the wrapper div was unnecessary and its bg-gray-700 background was bleeding through as a visible blue/gray strip. I removed these wrappers from the homepage, EN homepage, category pages, and EN product page.
No existing review system. Let me check the database and product pages for more context:
You can send messages while the preview loads