Как удалить горизонтальную полосу прокрутки и лишнее пустое пространство в правой части веб-страницы после создания боко ⇐ CSS

[Anonymous]

Изначально на моей веб-странице не было лишнего пустого пространства, но после создания боковой панели навигации (значок гамбургера для устройств с размером экрана менее 700 пикселей) я получил дополнительное пустое пространство в мобильной версии веб-страницы (в настольной версии нет возникли какие-либо проблемы).
Я использовал код, указанный ниже, для решения проблемы, но он не сработал,

Код: Выделить всё

    * {
margin: 0px;
padding: 0px;
}

html, body {
max-width: 100%;  /*also tried 100vw and 100%*/
overflow-x: hidden;
}

Проверьте мой код на github: - https://github.com/AniketChoudhary834/u ... ebsite.git
Проверьте проблему на моем веб-сайте (Развернуто): - https://university-website-e2k.pages.dev/
ИЗОБРАЖЕНИЯ: -
Изображение 1
Изображение 2 (изображение с пробелами )

Подробнее здесь: https://stackoverflow.com/questions/788 ... right-side