Skip to content

Fix overlapping search and theme icons in mobile navbar - #943

Open
Devesh36 wants to merge 2 commits into
tscircuit:mainfrom
Devesh36:fix/mobile-search-theme-overlap
Open

Devesh36 wants to merge 2 commits into
tscircuit:mainfrom
Devesh36:fix/mobile-search-theme-overlap

Conversation

@Devesh36

@Devesh36 Devesh36 commented Oct 11, 2026 •

Copy link
Copy Markdown
Contributor

The mobile search container is absolutely positioned over the theme toggle. Keep Search in the navbar's flex row at mobile widths so the theme button remains visible beside it with a gap. Crisp chat remains available on the documentation page.

Validation: local bun run typecheck, Biome formatting, and git diff --check pass. GitHub Build, Type Check, Format Check, and Vercel deployment checks pass. Verified the layout at 320px, 390px, 768px, 996px, 1024px, and 1440px; verified theme switching and mobile search. The deployed preview confirms both header controls and the Crisp chat launcher are visible.

Preview: assembly.cable documentation

Before and after

Before: Search and the theme icon overlap in the top-right corner. After: the theme button sits beside Search, and the Crisp chat button is visible at the bottom-right.

BeforeAfter
Before: search and theme icons overlap in the mobile header After: theme button beside Search and Crisp chat visible

@vercel

vercel Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
docs Ready Ready Preview Oct 12, 2026 11:38am UTC

Request Review

@rushabhcodes

Copy link
Copy Markdown
Contributor

lgtm

This branch was successfully deployed

1 active deployment
Preview — 85bcda2d Deployed Oct 12, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants