Skip to content
This repository was archived by the owner on Aug 16, 2025. It is now read-only.

Conversation

@devdattatalele
Copy link

🐛 Bug Fix

Fixes #487 - Navbar icons overlap (search icon) on mobile view

Problem

On mobile devices, the search icon and GitHub icon in the navbar were overlapping, creating a cluttered UI and affecting usability.

Solution

Added a CSS media query to introduce proper spacing between right-aligned navbar items on mobile viewports (≤996px).

Changes

  • Added gap: 0.75rem to .navbar__items--right class for mobile screens
  • Uses responsive design principles to maintain desktop layout
  • Non-invasive fix that works with existing Docusaurus navbar structure

Testing

  • ✅ Mobile view spacing improved
  • ✅ Desktop layout unchanged
  • ✅ Responsive breakpoints working correctly

Closes #487

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🐛 Navbar icons overlap (search icon) on mobile view

1 participant