feat: add transition effect to mobile navbar

[rishvant]

Description

• Improved mobile navbar with smooth transitions.
• Adjusted z-index values to ensure proper layering and fix overlapping issues.
• Enhanced overall user experience with better visibility and smoother animations.

Related issue(s)
#625

[netlify]

✅ Deploy Preview for peaceful-ramanujan-288045 ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	2bd77b0
🔍 Latest deploy log	https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/67f420f1f9256c00088e98a6
😎 Deploy Preview	https://deploy-preview-655--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[AceTheCreator]

This looks good! I noticed a black border bottom line in the background, which I believe shouldn’t be there. Also, the spacing between the first nav item and the logo is too much.

[rishvant]

@AceTheCreator I have fixed as per your suggestions, now have a look at that.

[ashmit-coder]

Hey @rishvant i noticed that when we click on the venue button in the navbar, we are taken to the top of the page in the background.

AsyncAPI-Conference.mp4

[rishvant]

@ashmit-coder Its a bug and its present in deployed website as well, should I create a new issue for this or fix it in this only?

AsyncAPIConference-GoogleChrome2025-03-2622-12-40-ezgif.com.mp4

[ashmit-coder]

@ashmit-coder Its a bug and its present in deployed website as well, should I create a new issue for this or fix it in this only?

AsyncAPIConference-GoogleChrome2025-03-2622-12-40-ezgif.com.mp4

you can fix it in this issue itself!

[rishvant]

@ashmit-coder @AceTheCreator I have fixed the issue, please check if its fine

[AceTheCreator]

Looks good @rishvant

Could you maybe add some little changes?

• In the current venue dropdown, i will really appreciate if you can fix the location line break, which is happening basically due to container width
• No indication on the venue mobile nav that indicates it a dropdown

[rishvant]

@AceTheCreator According to your suggestion, I have fixed those changes:

• Added nowrap property to remove line break in venue dropdown
• Added a dropdown icon in mobile nav after venue