Problem Statement
Currently, the website has several layout and usability issues on mobile devices, especially on screen widths below 400px.
- Header Overcrowding
The search bar occupies too much horizontal space, causing the logo and hamburger menu to appear cramped. In some cases, the "Search Ctrl+K" placeholder text becomes partially cut off or overlaps nearby navigation elements.
- Search Modal Layout Issues
Inside the search results modal, category labels such as "Documentation" or "Kmesh Performance" wrap awkwardly or get truncated due to limited column width. This makes the results difficult to scan quickly on smaller screens.
Header Issue
Search input becomes too wide on small devices.
Placeholder text gets clipped or overlaps with navbar elements.
Search Results Issue
Category labels wrap vertically.
Result previews become difficult to read because of narrow spacing.
Problem Statement
Currently, the website has several layout and usability issues on mobile devices, especially on screen widths below 400px.
The search bar occupies too much horizontal space, causing the logo and hamburger menu to appear cramped. In some cases, the "Search Ctrl+K" placeholder text becomes partially cut off or overlaps nearby navigation elements.
Inside the search results modal, category labels such as "Documentation" or "Kmesh Performance" wrap awkwardly or get truncated due to limited column width. This makes the results difficult to scan quickly on smaller screens.
Header Issue
Search input becomes too wide on small devices.
Placeholder text gets clipped or overlaps with navbar elements.
Search Results Issue
Category labels wrap vertically.
Result previews become difficult to read because of narrow spacing.