Fix the nav bar and announcement bar when reducing size above/below 996px #134
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Added GitHub stars iframe and Slack button to the right side of the navbar. - Introduced CSS styles to improve spacing and responsiveness for these navbar items. - Adjusted visibility of GitHub stars on smaller screens and styled them for mobile sidebar display. Signed-off-by: Pete Cheslock <pete.cheslock@redhat.com>
- Added a canonical URL to the blog post on KV Caching with vLLM, LMCache, and Ceph to improve SEO and content discoverability. Signed-off-by: Pete Cheslock <pete.cheslock@redhat.com>
- Adjusted CSS for the announcement bar to allow dynamic height on desktop, ensuring better visibility and usability. - Updated content styling to enable text wrapping, improving readability. Signed-off-by: Pete Cheslock <pete.cheslock@redhat.com>
✅ Deploy Preview for elaborate-kangaroo-25e1ee ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
jjasghar
approved these changes
Dec 11, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The docusaurus default for this theme is to collapse the top nav bar into a mobile nav bar at 996px - but we added more items to the nav bar recently and things overlap before it collapses.
This PR includes fixes to remove the github stars button below 1105px, then collapse entirely below 996px (the default)
After:
This also fixes the announcement bar which cuts off content at various pixel widths. The root cause was the --docusaurus-announcement-bar-height: 30px CSS variable that Docusaurus sets at min-width: 997px. This forced a fixed 30px height.
Before:
After:
