From 605236cbec2d7e3b136c5992201f192af3a31bf0 Mon Sep 17 00:00:00 2001 From: Steve Paul Date: Wed, 20 Dec 2023 00:37:53 +0530 Subject: [PATCH] Fix horizontal scrolling for category nav --- src/components/CategoryNav.css | 3 ++- src/layouts/Layout.astro | 2 ++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/CategoryNav.css b/src/components/CategoryNav.css index ba9442e..4644086 100644 --- a/src/components/CategoryNav.css +++ b/src/components/CategoryNav.css @@ -1,5 +1,6 @@ .category-nav { + width: 100%; box-shadow: inset 0px -1px 0px var(--border-muted); white-space: nowrap; - overflow: hidden; + overflow-x: scroll; } \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index cbb0746..53c37c3 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -104,6 +104,8 @@ const { site, title, tagline } = Astro.props; body { margin: 0; padding: 0; + width: 100%; + overflow-x: hidden; } main, .container {