bug(website): Header is blocking the web page content

[varodrig]

This is a Bug Report

Problem:
There is an issue with the header: once the user clicks on any menu, the web page is hidden by the header.

Proposed Solution:
The header should not block the web page content; it might be too wide.

Page to Update (provide the full path):
Is affecting all the subpages, such as:
https://www.kubeflow.org/events/
https://www.kubeflow.org/docs/

Labels

/area website

---

Impacted by this bug? Give it a 👍.

[varodrig]

/help-wanted
/good-first-issue

[AnupamSingh2004]

Hi, Thanks for opening this issue and sharing the screenshot.

I tried running the website locally and the header appears to behave correctly on my side, so I’m currently unable to reproduce the overlap problem shown in the report. To help investigate further, could you please share a few details about the environment where you observed the issue?

Browser and version (e.g., Chrome, Firefox, Edge)
Operating system
Screen size or device
Whether any browser extensions were active (adblockers, etc.)
Dark/Light mode
Any steps that consistently make the header overlap the content

Once I can reproduce it, I would be happy to work on a fix. Thanks

[jaiakash]

Hi @AnupamSingh2004 The issue was there when we had the "Announcement" at top. Now since its moved to sideways, we dont have that issue on the website..

On side note, i think we can still increase the margin for navbar and main text.
Let me know what you both think (@AnupamSingh2004 and @varodrig )

[varodrig]

increase the margin for navbar and main text.
if you can work on this, it will be great. thank you

[AnupamSingh2004]

Thanks for the clarification. I’ll make the suggested margin adjustments and submit a PR shortly

[thesuperzapper]

Because the styles on the website are quite complex, please tag me if you make any PRs that adjust them.

[AnupamSingh2004]

Hi @jaiakash @varodrig @thesuperzapper ,

Thank you for the guidance on this issue. I've implemented the suggested margin adjustments, increasing the spacing between the navbar and main content from 7rem to 8rem.

Before:

After:

Please let me know if this spacing works well or if you'd prefer any adjustments. Happy to tweak it based on your feedback before opening a PR.

Thanks