Fix: Content overlapping in hamburger menu

When the hamburger menu is opened, some page content overlaps or appears above the menu instead of being hidden behind it. This makes parts of the menu difficult to see or interact with, negatively affecting user experience.

Current behavior:

1. Content from the main page (such as cards or elements) appears above or over the opened hamburger menu.

2. Some menu items are partially hidden or not clickable.

Expected behavior:

1. The hamburger menu should display above all page content when open, with no overlap.

2. All menu items in the hamburger menu should be fully visible and easily accessible.

Possible cause:

1. The hamburger menu may not have a sufficiently high z-index or correct position CSS property.

2. Other elements on the page might have a higher z-index than the menu.

Steps to reproduce:

1. Open the website on a page that uses a hamburger menu.

2. Click the hamburger menu to open it.

3. Observe that some page content is still visible above the menu.

Suggested fix:

1. Increase the hamburger menu’s z-index value and ensure it uses position: fixed or absolute.

2 . Lower the z-index of background content if necessary.

Screenshots: