Opening Sidebar Squeezes Content in Mobile Layout: Adjust layout

[deepakduggirala]

In the mobile layout, the sidebar is currently pushing the content to the right instead of overlapping it. This causes layout issues, as the main content area gets shifted when the sidebar is toggled.

Expected Behavior: The sidebar should be displayed on top of the main content when it is active, without pushing the content to the side. This can be achieved by adjusting the z-index property so that the sidebar overlays the content.

Actual Behavior: The sidebar pushes the main content to the right when it is activated, leading to a disrupted user experience on mobile devices.