fixed Header Bar Overlapping

[shivisingh25]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

Fixes: #544

Description
[Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.]

#544 issue number has been resolved. Previously, the header bar was overlapping with the content on the page, causing a layout issue. This change adjusts the positioning of the header bar to prevent it from covering any part of the page content.

This resolves the header bar overlap issue, ensuring proper spacing between the header and the content. The content is now fully visible and accessible.

The overlapping header was impacting the user experience by obscuring parts of the content, which affected readability and navigation. The motivation behind this fix was to enhance the page’s layout and ensure a smooth user experience across different devices and screen sizes.

There are no additional dependencies required for this change. However, it relies on the existing CSS structure of the layout and the correct rendering of HTML elements across browsers.

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)
[Attach any relevant screenshots or videos demonstrating the changes. Make sure to attach before & after screenshots in your PR.]

Checklist:

• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 12 minutes (more than 100, code: "api-deployments-free-per-day").

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our contributing.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for buddytrail ready!

Name	Link
🔨 Latest commit	47a47db
🔍 Latest deploy log	https://app.netlify.com/sites/buddytrail/deploys/670e6c2b66562e00088273ca
😎 Deploy Preview	https://deploy-preview-753--buddytrail.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.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 8 minutes (more than 100, code: "api-deployments-free-per-day").