Blog Navigation Dropdown Content Overlaps Navbar While Scrolling

[Shalikatkt]

When a dropdown menu in the Blog navigation section is expanded and the user scrolls down the page, the dropdown content moves upward and overlaps the navigation bar.

Steps to Reproduce:
1. Open the AsyncAPI website.
2. Navigate to the Blog section in the navigation bar.
3. Expand any of the dropdown menus.
4. Scroll down the page while keeping the dropdown open.
5. Observe the position of the dropdown content.

Expected Behavior:

• The dropdown menu should remain correctly positioned relative to the navigation bar and should not overlap or pass through the navbar during scrolling.

Actual Behavior:

• The dropdown content moves upward and appears through or over the navigation bar when scrolling.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[4bayy]

This issue was caused by the dropdown menu's stacking order (z-index), which allowed the dropdown to overlap the navigation bar during scrolling.

Changes Made

• Updated the dropdown z-index to ensure proper stacking behavior.

• Verified that the dropdown remains correctly positioned relative to the navigation bar.

• Prevented the dropdown from overlapping or appearing through the navbar while scrolling.

I've verified the fix and can create a PR for review if this approach looks good. @Shalikatkt