[Bug]: Header and Footer Overlap on story.html Page

[mona-raj]

Is there an existing issue for this?

• [x] I have searched the existing issues

Describe the bug

On the story.html page, the header and footer overlap with each other leading to a bad user experience.

Expected behavior

The header should remain fixed at the top (if designed to be sticky) and the footer should stay below the content without overlapping. The video or any other content should have proper padding or margin to prevent layout collision.

Add ScreenShots/Videos

On which device are you experiencing this bug?

No response

Record

• [x] I have read the Contributing Guidelines
• [ ] I'm a APERTRE 2025 contributor
• [ ] I'm a CODEPEAK 2025 contributor
• [x] I have starred the repository

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[SushritaSingh]

hey!!! Nice connect with you, I want to work on this bug,,,, please assign me

[akadcoder]

Could you please assign it to me?

[tanush-space]

Hi, can I work on this issue as a part of GSSoC 2025?

[Tanayahue]

"I would like to work on this issue under GSSoC'25. Please assign it to me."

[garlapati-gh]

@apu52 and @mona-raj

HEY! I would like to work on this and do my best. I am a participant GSSoC'25 .

Kindly assign this to me!