Skip to content

Fix : Mobile Navbar & Responsive Navigation System Enhancement

Sahasra Reddy requested to merge mobile-responsive into dev

Implemented a complete mobile responsiveness enhancement for the website navigation system while strictly preserving the existing desktop UI and layout.

Key Improvements

  • Mobile Navigation Drawer
  • Rebuilt mobile navigation bar into a clean full-screen drawer layout.
  • Added smooth open/close animations. Improved alignment of:
  • Close button
  • Navigation items
  • Theme toggle
  • Prevented overlap with page hero sections.
  • Added proper vertical scrolling support for long menu content.

Responsive Services Navigation

  • Redesigned Services menu into a structured accordion system for mobile.
  • Added clear hierarchy between: Wellness Genomics Onco Genomics Precision Medicine
  • Added nested submenu support for: Predictive (WES) Carrier Screening (WES) Whole Genome Sequencing Hereditary Screening Cancer Screening Personalized Pharma Drug Development
  • Improved spacing, readability, and touch interactions.
  • Prevented clipping, overflow, and floating panel issues.

Enabled direct navigation support for:

  • /wellness-genomics
  • /onco-genomics
  • /precision-medicine
Edited by Sahasra Reddy

Merge request reports