Skip to content

Conversation

@dynamicdhxx
Copy link

Description

Fixes the navbar alignment issue on desktop. The navbar now expands to full width when scrolled, removing rounded edges and merging with page margins.

Changes

  • Keep original centered, rounded behavior when not scrolled
  • Expand to full width with no rounded edges when scrolled
  • Navbar merges with page margins on scroll
  • Maintains smooth transition between states

Testing

  • Tested locally on desktop view
  • Navbar behaves correctly before and after scroll
  • Transitions work smoothly

Fixes #3428

Copy link
Member

@amaan-bhati amaan-bhati left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @dynamicdhxx Thanks for raising this pr, i tried running it locally and think there is some misunderstanding. The width is supposed to be 100% similar to the landing page on default, and it is supposed to get shrinked when scrolled, instead of what this pr does is quite the opposite, can you please look into it?

- Navbar is full width (100%) by default when not scrolled
- Navbar shrinks to centered width when scrolled
- Full width state has no rounded edges (rounded-none)
- Scrolled state has rounded-full with shadow
- Matches landing page behavior

Fixes #3428

Signed-off-by: Dhruv Bharuka <iit2022015@iiitl.ac.in>
@dynamicdhxx dynamicdhxx force-pushed the fix/blog-navbar-full-width-on-scroll branch from eb4e660 to 24a9c8f Compare December 31, 2025 04:19
@amaan-bhati
Copy link
Member

Hey @dynamicdhxx i dont think so the issue is resolved even after the latest commits, can you please update me once it is done.

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